@extends('layouts.app-layout')

@section('title', 'Resultados de Evaluaciones')

@section('content')
    <div class="container py-5">

        <h1 class="h4 fw-bold mb-4">
            Resultados Generales
        </h1>

        {{-- FILTROS --}}
        <form method="GET" class="card shadow-sm border-0 mb-4">
            <div class="card-body row g-3">

                <div class="col-md-3">
                    <label class="form-label">Desde</label>
                    <input type="date" name="desde" class="form-control"
                           value="{{ $filtros['desde'] ?? '' }}">
                </div>

                <div class="col-md-3">
                    <label class="form-label">Hasta</label>
                    <input type="date" name="hasta" class="form-control"
                           value="{{ $filtros['hasta'] ?? '' }}">
                </div>

                <div class="col-md-3">
                    <label class="form-label">Unidad</label>
                    <select name="unidad_id" class="form-select">
                        <option value="">Todas</option>
                        @foreach($unidades as $unidad)
                            <option value="{{ $unidad->id }}"
                                @selected(($filtros['unidad_id'] ?? '') == $unidad->id)>
                                {{ $unidad->nombre_comercial }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-md-3">
                    <label class="form-label">Contacto</label>
                    <select name="user_id" class="form-select">
                        <option value="">Todos</option>
                        @foreach($usuarios as $user)
                            <option value="{{ $user->id }}"
                                @selected(($filtros['user_id'] ?? '') == $user->id)>
                                {{ $user->nombre }} {{ $user->apellido }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-12 text-end">
                    <button class="btn btn-primary px-4">Filtrar</button>
                    <a href="{{ route('funcionario.resultados.index') }}"
                       class="btn btn-outline-secondary ms-2">
                        Limpiar
                    </a>
                </div>

            </div>
        </form>

        {{-- CARDS --}}
        <div class="row">
            @forelse($cards as $card)
                <div class="col-md-4 mb-4">
                    <div class="card shadow-sm border-0 h-100">

                        <div class="card-body">

                            <h5 class="fw-bold">
                                {{ $card['evaluacion'] }}
                            </h5>

                            <p class="mb-1">
                                <strong>Unidad:</strong>
                                {{ $card['unidad'] }}
                            </p>

                            <p class="mb-1">
                                <strong>Contacto:</strong>
                                {{ $card['usuario'] }}
                            </p>

                            <p class="mb-1">
                                <strong>Fecha:</strong>
                                {{ $card['fecha'] }}
                            </p>

                            <p class="mb-3">
                                <strong>Promedio:</strong>
                                {{ $card['promedio'] }}
                            </p>

                            <a href="{{ route('funcionario.resultados.unidad', [$card['unidad_id'], $card['intento_id']]) }}"
                               class="btn btn-sm btn-outline-primary w-100">
                                Ver detalle
                            </a>

                        </div>

                    </div>
                </div>
            @empty
                <div class="alert alert-info">
                    No hay evaluaciones registradas.
                </div>
            @endforelse
        </div>

    </div>
@endsection