@extends('layouts.app')

@section('titulo', 'Gestión Prejurídica — GestionCob')

@section('contenido')

<div class="flex justify-between items-center mb-6">
    <div>
        <h1 class="text-2xl font-bold text-gray-800">Gesti&#243;n Prejur&#237;dica</h1>
        <p class="text-sm text-gray-500 mt-1">Casos en etapa administrativa y persuasiva</p>
    </div>
    <a href="{{ route('deudores.create') }}"
       class="bg-yellow-500 text-white px-4 py-2 rounded hover:bg-yellow-600 font-medium text-sm">
        + Nuevo Caso
    </a>
</div>

{{-- FILTROS --}}
<div class="bg-white rounded shadow p-4 mb-6">
    <p class="text-xs text-gray-500 font-medium mb-3">FILTROS DE B&#218;SQUEDA</p>
    <form method="GET" action="{{ route('gestion.prejuridica') }}"
          class="grid grid-cols-4 gap-4 items-end">
        <div>
            <input type="text" name="buscar" value="{{ $busqueda }}"
                   placeholder="Buscar por radicado, c&#233;dula o nombre..."
                   class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400">
        </div>
        <div>
            <select name="entidad" class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400">
                <option value="">Todas las entidades</option>
                @foreach($entidades as $entidad)
                    <option value="{{ $entidad->id }}" {{ $filtro_entidad == $entidad->id ? 'selected' : '' }}>
                        {{ $entidad->nombre }}
                    </option>
                @endforeach
            </select>
        </div>
        <div>
            <select name="estado" class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-yellow-400">
                <option value="">Todos los estados</option>
                <option value="recepcion"           {{ $filtro_estado == 'recepcion'           ? 'selected' : '' }}>Recepci&#243;n</option>
                <option value="registro"            {{ $filtro_estado == 'registro'            ? 'selected' : '' }}>Registro</option>
                <option value="localizacion"        {{ $filtro_estado == 'localizacion'        ? 'selected' : '' }}>Localizaci&#243;n</option>
                <option value="gestion_activa"      {{ $filtro_estado == 'gestion_activa'      ? 'selected' : '' }}>Gesti&#243;n Activa</option>
                <option value="acuerdo_en_curso"    {{ $filtro_estado == 'acuerdo_en_curso'    ? 'selected' : '' }}>Acuerdo en Curso</option>
                <option value="seguimiento_acuerdo" {{ $filtro_estado == 'seguimiento_acuerdo' ? 'selected' : '' }}>Seguimiento Acuerdo</option>
                <option value="cerrado_recuperado"  {{ $filtro_estado == 'cerrado_recuperado'  ? 'selected' : '' }}>Recuperado</option>
                <option value="cerrado_gse"         {{ $filtro_estado == 'cerrado_gse'         ? 'selected' : '' }}>Cerrado GSE</option>
                <option value="escalado_juridico"   {{ $filtro_estado == 'escalado_juridico'   ? 'selected' : '' }}>Escalado a Jur&#237;dico</option>
                <option value="devuelto"            {{ $filtro_estado == 'devuelto'            ? 'selected' : '' }}>Devuelto</option>
            </select>
        </div>
        <div class="flex gap-2">
            <button type="submit"
                    class="bg-yellow-500 text-white px-4 py-2 rounded text-sm hover:bg-yellow-600 w-full">
                Filtrar
            </button>
            <a href="{{ route('gestion.prejuridica') }}"
               class="bg-gray-200 text-gray-700 px-4 py-2 rounded text-sm hover:bg-gray-300 text-center w-full">
                Limpiar
            </a>
        </div>
    </form>
</div>

{{-- RESUMEN --}}
<div class="grid grid-cols-3 gap-4 mb-6">
    <div class="bg-white rounded shadow p-4">
        <p class="text-xs text-gray-500 mb-1">Total casos</p>
        <p class="text-2xl font-bold text-yellow-600">{{ $casos->total() }}</p>
    </div>
    <div class="bg-white rounded shadow p-4">
        <p class="text-xs text-gray-500 mb-1">Total deuda en gesti&#243;n</p>
        <p class="text-xl font-bold text-green-700">
            ${{ number_format($casos->sum('total_deuda'), 0, ',', '.') }}
        </p>
    </div>
    <div class="bg-white rounded shadow p-4">
        <p class="text-xs text-gray-500 mb-1">Esta p&#225;gina</p>
        <p class="text-xl font-bold text-gray-600">{{ $casos->count() }} casos</p>
    </div>
</div>

{{-- TABLA --}}
<div class="bg-white rounded shadow overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-yellow-600 text-white">
            <tr>
                <th class="px-4 py-3 text-left">Radicado</th>
                <th class="px-4 py-3 text-left">Entidad</th>
                <th class="px-4 py-3 text-left">Deudor</th>
                <th class="px-4 py-3 text-left">Identificaci&#243;n</th>
                <th class="px-4 py-3 text-left">Etapa</th>
                <th class="px-4 py-3 text-right">Total deuda</th>
                <th class="px-4 py-3 text-center">Acci&#243;n</th>
            </tr>
        </thead>
        <tbody>
            @forelse($casos as $caso)
            <tr class="border-t hover:bg-gray-50">
                <td class="px-4 py-3">
                    <a href="{{ route('procesos.show', $caso) }}"
                       class="text-blue-600 hover:underline font-mono text-xs font-bold">
                        {{ $caso->radicado_interno }}
                    </a>
                </td>
                <td class="px-4 py-3 text-gray-700 text-xs">
                    {{ $caso->entidadCliente->nombre ?? '&#8212;' }}
                </td>
                <td class="px-4 py-3 font-medium">
                    {{ $caso->deudor->nombre_completo ?? '&#8212;' }}
                </td>
                <td class="px-4 py-3 text-gray-500 text-xs">
                    {{ $caso->deudor->tipo_documento ?? '' }}
                    {{ $caso->deudor->numero_documento ?? '&#8212;' }}
                </td>
                <td class="px-4 py-3">
                    @php
                        $etapas = [
                            'recepcion'           => ['label' => 'Recepci&#243;n',        'color' => 'bg-gray-100 text-gray-600'],
                            'registro'            => ['label' => 'Registro',           'color' => 'bg-blue-100 text-blue-700'],
                            'localizacion'        => ['label' => 'Localizaci&#243;n',    'color' => 'bg-purple-100 text-purple-700'],
                            'gestion_activa'      => ['label' => 'Gesti&#243;n Activa',  'color' => 'bg-yellow-100 text-yellow-700'],
                            'acuerdo_en_curso'    => ['label' => 'Acuerdo en Curso',   'color' => 'bg-orange-100 text-orange-700'],
                            'seguimiento_acuerdo' => ['label' => 'Seguimiento',        'color' => 'bg-indigo-100 text-indigo-700'],
                            'cerrado_recuperado'  => ['label' => 'Recuperado',         'color' => 'bg-green-100 text-green-700'],
                            'cerrado_gse'         => ['label' => 'Cerrado GSE',        'color' => 'bg-gray-200 text-gray-600'],
                            'escalado_juridico'   => ['label' => 'Escalado Jur&#237;dico', 'color' => 'bg-red-100 text-red-700'],
                            'devuelto'            => ['label' => 'Devuelto',           'color' => 'bg-orange-100 text-orange-600'],
                        ];
                        $estado = $caso->estado_prej ?? '';
                        $info   = $etapas[$estado] ?? ['label' => strtoupper($estado), 'color' => 'bg-gray-100 text-gray-600'];
                    @endphp
                    <span class="px-2 py-1 rounded text-xs font-medium {!! $info['color'] !!}">
                        {!! $info['label'] !!}
                    </span>
                </td>
                <td class="px-4 py-3 text-right font-medium text-green-700">
                    ${{ number_format($caso->total_deuda, 0, ',', '.') }}
                </td>
                <td class="px-4 py-3 text-center">
                    <a href="{{ route('procesos.show', $caso) }}"
                       class="text-blue-600 hover:underline text-xs">Ver</a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="7" class="px-4 py-8 text-center text-gray-500">
                    No hay casos en Gesti&#243;n Prejur&#237;dica con los filtros seleccionados.
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>

    {{-- PAGINACIÓN --}}
    @if($casos->hasPages())
    <div class="px-4 py-3 border-t bg-gray-50">
        {{ $casos->appends(request()->query())->links() }}
    </div>
    @endif
</div>

@endsection