{{-- resources/views/livewire/tramites-table.blade.php --}}

<div>
    {{-- Filtros en tiempo real --}}
    <div class="row mb-3">
        <div class="col-md-3">
            <label for="estado">Estado:</label>
            <select wire:model="estado" id="estado" class="form-control">
                <option value="">-- Todos --</option>
                <option value="No iniciado">No iniciado</option>
                <option value="En revisión">En revisión</option>
                <option value="Aprobado">Aprobado</option>
                <option value="Rechazado">Rechazado</option>
                <option value="Reproceso">Reproceso</option>
            </select>
        </div>

        <div class="col-md-3">
            <label for="priority">Prioridad:</label>
            <select wire:model="priority" id="priority" class="form-control">
                <option value="">-- Todas --</option>
                <option value="baja">Baja</option>
                <option value="media">Media</option>
                <option value="alta">Alta</option>
            </select>
        </div>

        <div class="col-md-3">
            <label for="search">Buscar (ID / Tipo Producto):</label>
            <input type="text" wire:model="search" id="search" class="form-control"
                   placeholder="Ej: 5 o 'Medicamento'">
        </div>
    </div>

    {{-- Tabla de resultados en tiempo real --}}
    <table class="table table-bordered">
        <thead>
            <tr>
                <th>ID</th>
                <th>Tipo Producto</th>
                <th>Tipo Trámite</th>
                <th>Estado</th>
                <th>Prioridad</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            @forelse($tramites as $tramite)
                <tr>
                    <td>{{ $tramite->id }}</td>
                    <td>{{ $tramite->tipo_producto }}</td>
                    <td>{{ $tramite->tipo_tramite }}</td>
                    <td>{{ $tramite->estado }}</td>
                    <td>{{ $tramite->priority }}</td>
                    <td>
                        <a href="{{ route('tramites.show', $tramite) }}" class="btn btn-info">
                            Ver
                        </a>
                        <a href="{{ route('tramites.edit', $tramite) }}" class="btn btn-warning">
                            Editar
                        </a>
                        <form action="{{ route('tramites.destroy', $tramite) }}" method="POST" style="display:inline-block;">
                            @csrf
                            @method('DELETE')
                            <button class="btn btn-danger" type="submit"
                                    onclick="return confirm('¿Estás seguro de eliminar este trámite?')">
                                Eliminar
                            </button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="6">No hay trámites en la BD.</td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>