{{-- resources/views/tramites/index.blade.php --}}
@extends('backend.layouts.app')

@section('content')
<div class="container">
    <h1>Listado de Trámites</h1>

    @if (session('success'))
        <div class="alert alert-success">
            {{ session('success') }}
        </div>
    @endif

    {{-- Botón de "Crear Nuevo Trámite" --}}
    <a href="{{ route('tramites.create') }}" class="btn btn-primary mb-3">
        Crear Nuevo Trámite
    </a>

    {{-- FILTROS EN UNA SOLA CARD --}}
    <div class="card mb-3">
        <div class="card-header">
            <strong>Filtros de Búsqueda</strong>
        </div>
        <div class="card-body">
            <form method="GET" action="{{ route('tramites.index') }}">
                <div class="row">
                    {{-- Filtro Estado del trámite --}}
                    <div class="col-md-3 mb-2">
                        <label for="estado" class="form-label">Estado del trámite</label>
                        <select name="estado" id="estado" class="form-control">
                            <option value="">-- Todos --</option>
                            <option value="No iniciado"   {{ request('estado') == 'No iniciado'   ? 'selected' : '' }}>No iniciado</option>
                            <option value="En revisión"   {{ request('estado') == 'En revisión'   ? 'selected' : '' }}>En revisión</option>
                            <option value="Aprobado"      {{ request('estado') == 'Aprobado'      ? 'selected' : '' }}>Aprobado</option>
                            <option value="Rechazado"     {{ request('estado') == 'Rechazado'     ? 'selected' : '' }}>Rechazado</option>
                            <option value="Reproceso"     {{ request('estado') == 'Reproceso'     ? 'selected' : '' }}>Reproceso</option>
                        </select>
                    </div>

                    {{-- Campo Fecha de entrega --}}
                    <div class="col-md-3 mb-2">
                        <label for="fecha_entrega" class="form-label">Fecha de Entrega</label>
                        <input type="date" name="fecha_entrega" id="fecha_entrega" class="form-control"
                               value="{{ request('fecha_entrega') }}">
                    </div>

                    {{-- Búsqueda general (Tipo Producto) --}}
                    <div class="col-md-3 mb-2">
                        <label for="search" class="form-label">Buscar (Tipo Producto)</label>
                        <input type="text" name="search" id="search" class="form-control"
                               placeholder="Ej: 'Medicamento'"
                               value="{{ request('search') }}">
                    </div>

                    {{-- Botones --}}
                    <div class="col-md-3 mb-2 d-flex align-items-end">
                        <button type="submit" class="btn btn-primary me-2">Filtrar</button>
                        <a href="{{ route('tramites.export.excel', request()->all()) }}" class="btn btn-success me-2">
                            Excel
                        </a>
                        <a href="{{ route('tramites.pdf', request()->all()) }}" class="btn btn-danger">
                            PDF
                        </a>
                    </div>
                </div>{{-- row 1 --}}

                <hr>

                <div class="row">
                    {{-- Nombre Producto --}}
                    <div class="col-md-3 mb-2">
                        <label for="nombre_producto" class="form-label">Nombre Producto</label>
                        <input type="text" name="nombre_producto" id="nombre_producto" class="form-control"
                               value="{{ request('nombre_producto') }}">
                    </div>

                    {{-- Radicado --}}
                    <div class="col-md-3 mb-2">
                        <label for="radicado" class="form-label">Radicado</label>
                        <input type="text" name="radicado" id="radicado" class="form-control"
                               value="{{ request('radicado') }}">
                    </div>

                    {{-- Expediente --}}
                    <div class="col-md-3 mb-2">
                        <label for="expediente" class="form-label">Expediente</label>
                        <input type="text" name="expediente" id="expediente" class="form-control"
                               value="{{ request('expediente') }}">
                    </div>

                    {{-- N.º Registro --}}
                    <div class="col-md-3 mb-2">
                        <label for="num_registro" class="form-label">N.º Registro</label>
                        <input type="text" name="num_registro" id="num_registro" class="form-control"
                               value="{{ request('num_registro') }}">
                    </div>
                </div>{{-- row 2 --}}
            </form>
        </div>
    </div>

    {{-- TABLA DE RESULTADOS --}}
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>ID</th>
                <th>Ticket</th>
                <th>Radicado</th>
                <th>Expediente</th>
                <th>N.º Registro</th>
                <th>Tipo Producto</th>
                <th>Tipo Trámite</th>
                <th>Estado</th>
                <th>Etapa</th>
                <th>Asignación</th> <!-- NUEVO: Para mostrar SI / NO -->
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            @forelse($tramites as $tramite)
                <tr>
                    <td>{{ $tramite->id }}</td>
                    <td>{{ $tramite->ticket }}</td>
                    <td>{{ $tramite->radicado }}</td>
                    <td>{{ $tramite->expediente }}</td>
                    <td>{{ $tramite->num_registro }}</td>
                    <td>{{ $tramite->tipo_producto }}</td>
                    <td>{{ $tramite->tipo_tramite }}</td>
                    <td>{{ $tramite->estado }}</td>
                    <td>{{ $tramite->etapa_tramite }}</td>
                    <td>{{ $tramite->asignacion }}</td> <!-- NUEVO -->
                    <td>
                        <a href="{{ route('tramites.show', $tramite) }}" class="btn btn-info btn-sm">
                            Ver
                        </a>
                        <a href="{{ route('tramites.edit', $tramite) }}" class="btn btn-warning btn-sm">
                            Editar
                        </a>
                        <form action="{{ route('tramites.destroy', $tramite) }}" method="POST"
                              style="display:inline-block;">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-danger btn-sm" type="submit"
                                    onclick="return confirm('¿Estás seguro de eliminar este trámite?')">
                                Eliminar
                            </button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="11">No hay trámites registrados.</td> <!-- Ajustado a 11 columnas -->
                </tr>
            @endforelse
        </tbody>
    </table>

    <div class="mt-3">
        {{ $tramites->links() }}
    </div>
</div>
@endsection