@extends('layouts.app')

@section('titulo', 'Procesos — GestionCob')

@section('contenido')

<div class="flex justify-between items-center mb-4">
    <h1 class="text-2xl font-bold text-gray-800">Procesos</h1>
    <a href="{{ route('procesos.create') }}"
        class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
        + Nuevo Proceso
    </a>
</div>

{{-- FILTROS --}}
<div class="bg-white rounded shadow p-4 mb-4">
    <p class="text-xs font-semibold text-gray-500 uppercase mb-2">Filtros de búsqueda</p>
    <form method="GET" action="{{ route('procesos.index') }}" class="flex gap-2 flex-wrap items-end">
        <input type="text" name="buscar" value="{{ $busqueda }}"
            placeholder="Buscar por radicado, cédula o nombre..."
            class="flex-1 border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500 min-w-48">
        <select name="tipo" class="border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
            <option value="">Todos los tipos</option>
            <option value="PREJUDICIAL" {{ $filtro_tipo == 'PREJUDICIAL' ? 'selected' : '' }}>Prejudicial</option>
            <option value="JURIDICO" {{ $filtro_tipo == 'JURIDICO' ? 'selected' : '' }}>Jurídico</option>
            <option value="INSOLVENCIA" {{ $filtro_tipo == 'INSOLVENCIA' ? 'selected' : '' }}>Insolvencia</option>
        </select>
        <select name="entidad" class="border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
            <option value="">Todas las entidades</option>
            @foreach($entidades as $entidad)
                <option value="{{ $entidad->id }}" {{ $filtro_entidad == $entidad->id ? 'selected' : '' }}>
                    {{ $entidad->codigo ?? $entidad->id }} — {{ $entidad->nombre }}
                </option>
            @endforeach
        </select>
        <button type="submit" class="bg-gray-700 text-white px-4 py-2 rounded hover:bg-gray-800">
            Filtrar
        </button>
        @if($busqueda || $filtro_tipo || $filtro_entidad)
            <a href="{{ route('procesos.index') }}"
                class="bg-red-100 text-red-700 px-4 py-2 rounded hover:bg-red-200">
                ✕ Limpiar filtros
            </a>
        @endif
    </form>
</div>

{{-- TABLA --}}
<div class="bg-white rounded shadow overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-gray-800 text-white">
            <tr>
                <th class="px-4 py-3 text-left">Radicado</th>
                <th class="px-4 py-3 text-left">Identificación</th>
                <th class="px-4 py-3 text-left">Deudor</th>
                <th class="px-4 py-3 text-left">ID Entidad</th>
                <th class="px-4 py-3 text-left">Entidad</th>
                <th class="px-4 py-3 text-left">Tipo</th>
                <th class="px-4 py-3 text-left">Estado</th>
                <th class="px-4 py-3 text-left">Última actividad</th>
                <th class="px-4 py-3 text-left">Fecha asignación</th>
                <th class="px-4 py-3 text-left">Acciones</th>
            </tr>
        </thead>
        <tbody>
            @forelse($procesos as $proceso)
            <tr class="border-b hover:bg-gray-50">
                <td class="px-4 py-3 font-mono font-medium text-blue-600">
                    <a href="{{ route('procesos.show', $proceso) }}" class="hover:underline">
                        {{ $proceso->radicado_interno }}
                    </a>
                </td>
                <td class="px-4 py-3 text-gray-600">
                    {{ $proceso->deudor->tipo_documento ?? '' }} {{ $proceso->deudor->numero_documento ?? '—' }}
                </td>
                <td class="px-4 py-3 font-medium">
                    {{ $proceso->deudor->nombre_completo ?? '—' }}
                </td>
                <td class="px-4 py-3 text-center">
                    <span class="bg-gray-100 text-gray-700 px-2 py-1 rounded text-xs font-mono">
                        {{ $proceso->entidadCliente->codigo ?? '—' }}
                    </span>
                </td>
                <td class="px-4 py-3">{{ $proceso->entidadCliente->nombre ?? '—' }}</td>
                <td class="px-4 py-3">
                    @if($proceso->tipo_proceso == 'prejudicial')
                        <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs font-semibold">PREJUDICIAL</span>
                    @elseif($proceso->tipo_proceso == 'juridico')
                        <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs font-semibold">JURÍDICO</span>
                    @else
                        <span class="bg-gray-100 text-gray-600 px-2 py-1 rounded text-xs">{{ strtoupper($proceso->tipo_proceso) }}</span>
                    @endif
                </td>
                <td class="px-4 py-3">
                    <span class="text-gray-600 text-xs">{{ ucfirst(str_replace('_', ' ', $proceso->estado_prej ?? '—')) }}</span>
                </td>
                <td class="px-4 py-3 text-xs text-gray-500">
                    @if($proceso->gestiones && $proceso->gestiones->count() > 0)
                        {{ \Carbon\Carbon::parse($proceso->gestiones->sortByDesc('created_at')->first()->created_at)->format('d/m/Y') }}
                        <br>
                        <span class="text-gray-400">{{ $proceso->gestiones->sortByDesc('created_at')->first()->canal ?? '' }}</span>
                    @else
                        <span class="text-gray-300">Sin gestiones</span>
                    @endif
                </td>
                <td class="px-4 py-3 text-xs text-gray-500">
                    {{ \Carbon\Carbon::parse($proceso->fecha_alta_deudor)->format('d/m/Y') }}
                </td>
                <td class="px-4 py-3">
                    <a href="{{ route('procesos.show', $proceso) }}"
                        class="text-blue-600 hover:underline">Ver</a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="10" class="px-4 py-6 text-center text-gray-500">
                    No hay procesos registrados aún.
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="mt-4">
    {{ $procesos->links() }}
</div>

@endsection