@extends('layouts.app')

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

@section('contenido')

<div class="flex justify-between items-center mb-6">
    <h1 class="text-2xl font-bold text-gray-800">Reportes</h1>
</div>

{{-- FILTROS --}}
<div class="bg-white rounded shadow p-6 mb-6">
    <h2 class="text-lg font-bold text-gray-700 mb-4">Filtros</h2>
    <form method="GET" action="{{ route('reportes.index') }}" class="grid grid-cols-4 gap-4 items-end">
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Entidad</label>
            <select name="entidad" class="w-full border rounded px-3 py-2 text-sm 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->nombre }}
                    </option>
                @endforeach
            </select>
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Tipo</label>
            <select name="tipo" class="w-full border rounded px-3 py-2 text-sm 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&#237;dico</option>
            </select>
        </div>
        <div>
            <label class="block text-sm font-medium text-gray-700 mb-1">Estado</label>
            <select name="estado" class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                <option value="">Todos los estados</option>
                <optgroup label="Prejudicial">
                    <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 Jur&#237;dico</option>
                    <option value="devuelto" {{ $filtro_estado == 'devuelto' ? 'selected' : '' }}>Devuelto</option>
                </optgroup>
                <optgroup label="Jur&#237;dico">
                    <option value="presentacion_demanda" {{ $filtro_estado == 'presentacion_demanda' ? 'selected' : '' }}>Presentaci&#243;n Demanda</option>
                    <option value="mandamiento_pago" {{ $filtro_estado == 'mandamiento_pago' ? 'selected' : '' }}>Mandamiento de Pago</option>
                    <option value="notificacion" {{ $filtro_estado == 'notificacion' ? 'selected' : '' }}>Notificaci&#243;n</option>
                    <option value="sentencia" {{ $filtro_estado == 'sentencia' ? 'selected' : '' }}>Sentencia</option>
                    <option value="liquidacion_costas" {{ $filtro_estado == 'liquidacion_costas' ? 'selected' : '' }}>Liquidaci&#243;n Costas</option>
                    <option value="liquidacion_credito" {{ $filtro_estado == 'liquidacion_credito' ? 'selected' : '' }}>Liquidaci&#243;n Cr&#233;dito</option>
                </optgroup>
            </select>
        </div>
        <div class="flex gap-2">
            <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded text-sm hover:bg-blue-700 w-full">
                Filtrar
            </button>
            <a href="{{ route('reportes.index') }}" 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 procesos</p>
        <p class="text-2xl font-bold text-blue-700">{{ $procesos->count() }}</p>
    </div>
    <div class="bg-white rounded shadow p-4">
        <p class="text-xs text-gray-500 mb-1">Total deuda</p>
        <p class="text-2xl font-bold text-green-700">
            ${{ number_format($procesos->sum('total_deuda'), 0, ',', '.') }}
        </p>
    </div>
    <div class="bg-white rounded shadow p-4 flex items-center justify-between">
        <div>
            <p class="text-xs text-gray-500 mb-1">Exportar listado</p>
            <p class="text-sm text-gray-600">Descarga en Excel/CSV</p>
        </div>
        <a href="{{ route('reportes.exportar', request()->query()) }}"
           class="bg-green-600 text-white px-4 py-2 rounded text-sm hover:bg-green-700 font-medium flex items-center gap-2">
            &#8595; Exportar
        </a>
    </div>
</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">Entidad</th>
                <th class="px-4 py-3 text-left">Deudor</th>
                <th class="px-4 py-3 text-left">Documento</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-right">Total deuda</th>
            </tr>
        </thead>
        <tbody>
            @forelse($procesos as $proceso)
            <tr class="border-t hover:bg-gray-50">
                <td class="px-4 py-3">
                    <a href="{{ route('procesos.show', $proceso) }}"
                       class="text-blue-600 hover:underline font-mono text-xs">
                        {{ $proceso->radicado_interno }}
                    </a>
                </td>
                <td class="px-4 py-3 text-gray-700">{{ $proceso->entidadCliente->nombre ?? '—' }}</td>
                <td class="px-4 py-3 font-medium">{{ $proceso->deudor->nombre_completo ?? '—' }}</td>
                <td class="px-4 py-3 text-gray-500">{{ $proceso->deudor->numero_documento ?? '—' }}</td>
                <td class="px-4 py-3">
                    @if($proceso->tipo_subproceso == 'JURIDICO')
                        <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs">Jur&#237;dico</span>
                    @else
                        <span class="bg-yellow-100 text-yellow-800 px-2 py-1 rounded text-xs">Prejudicial</span>
                    @endif
                </td>
                <td class="px-4 py-3 text-gray-600 text-xs uppercase">
                    {{ str_replace('_', ' ', $proceso->estado_prej ?? $proceso->estado_jur ?? '—') }}
                </td>
                <td class="px-4 py-3 text-right font-medium text-green-700">
                    ${{ number_format($proceso->total_deuda, 0, ',', '.') }}
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="7" class="px-4 py-8 text-center text-gray-500">
                    No hay procesos con los filtros seleccionados.
                </td>
            </tr>
            @endforelse
        </tbody>
        @if($procesos->count() > 0)
        <tfoot class="bg-gray-50 border-t-2">
            <tr>
                <td colspan="6" class="px-4 py-3 font-bold text-gray-700">Total</td>
                <td class="px-4 py-3 text-right font-bold text-green-700">
                    ${{ number_format($procesos->sum('total_deuda'), 0, ',', '.') }}
                </td>
            </tr>
        </tfoot>
        @endif
    </table>
</div>

@endsection