@extends('install.app')

@section('content')
<h4 class="mb-4 text-center">Verificación de Requisitos</h4>

<ul class="list-group mb-4">
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Versión de PHP (>= 8.2)
        <span class="badge bg-{{ $requirements['php'] ? 'success' : 'danger' }} rounded-pill">
            <i class="fa-solid fa-{{ $requirements['php'] ? 'check' : 'xmark' }}"></i>
        </span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Extensión PDO
        <span class="badge bg-{{ $requirements['pdo'] ? 'success' : 'danger' }} rounded-pill"><i class="fa-solid fa-{{ $requirements['pdo'] ? 'check' : 'xmark' }}"></i></span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Extensión OpenSSL
        <span class="badge bg-{{ $requirements['openssl'] ? 'success' : 'danger' }} rounded-pill"><i class="fa-solid fa-{{ $requirements['openssl'] ? 'check' : 'xmark' }}"></i></span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Extensión Mbstring
        <span class="badge bg-{{ $requirements['mbstring'] ? 'success' : 'danger' }} rounded-pill"><i class="fa-solid fa-{{ $requirements['mbstring'] ? 'check' : 'xmark' }}"></i></span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Extensión cURL
        <span class="badge bg-{{ $requirements['curl'] ? 'success' : 'danger' }} rounded-pill"><i class="fa-solid fa-{{ $requirements['curl'] ? 'check' : 'xmark' }}"></i></span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Permisos de escritura en /storage
        <span class="badge bg-{{ $requirements['storage_writable'] ? 'success' : 'danger' }} rounded-pill"><i class="fa-solid fa-{{ $requirements['storage_writable'] ? 'check' : 'xmark' }}"></i></span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Permisos de escritura en /bootstrap/cache
        <span class="badge bg-{{ $requirements['bootstrap_cache_writable'] ? 'success' : 'danger' }} rounded-pill"><i class="fa-solid fa-{{ $requirements['bootstrap_cache_writable'] ? 'check' : 'xmark' }}"></i></span>
    </li>
    <li class="list-group-item d-flex justify-content-between align-items-center">
        Permisos de escritura para .env
        <span class="badge bg-{{ $requirements['env_writable'] ? 'success' : 'danger' }} rounded-pill"><i class="fa-solid fa-{{ $requirements['env_writable'] ? 'check' : 'xmark' }}"></i></span>
    </li>
</ul>

<div class="text-end">
    @if($allPassed)
        <a href="{{ route('install.database') }}" class="btn btn-primary">Siguiente Paso <i class="fa-solid fa-arrow-right"></i></a>
    @else
        <button class="btn btn-danger" disabled>Resuelve los errores para continuar</button>
        <button class="btn btn-secondary ms-2" onclick="window.location.reload()">Reintentar</button>
    @endif
</div>
@endsection