@extends('layouts.app')

@section('titulo', 'Proceso Jurídico — GestionCob')

@section('contenido')

<div class="flex justify-between items-center mb-6">
    <div>
        <h1 class="text-2xl font-bold text-gray-800">Proceso Jur&#237;dico</h1>
        <p class="text-sm text-gray-500 mt-1">Casos con actuaci&#243;n judicial ante juez competente</p>
    </div>
    <a href="{{ route('deudores.create') }}"
       class="bg-red-600 text-white px-4 py-2 rounded hover:bg-red-700 font-medium text-sm">
        + Nuevo Proceso
    </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.juridica') }}"
          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-red-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-red-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-red-400">
                <option value="">Todos los estados</option>
                <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>
                <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="devuelto"             {{ $filtro_estado == 'devuelto'             ? 'selected' : '' }}>Devuelto</option>
            </select>
        </div>
        <div class="flex gap-2">
            <button type="submit"
                    class="bg-red-600 text-white px-4 py-2 rounded text-sm hover:bg-red-700 w-full">
                Filtrar
            </button>
            <a href="{{ route('gestion.juridica') }}"
               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-red-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 proceso</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() }} procesos</p>
    </div>
</div>

{{-- TABLA --}}
<div class="bg-white rounded shadow overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-red-700 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 Procesal</th>
                <th class="px-4 py-3 text-left">Fecha Demanda</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 = [
                            'presentacion_demanda' => ['label' => 'Presentaci&#243;n Demanda', 'color' => 'bg-red-100 text-red-700'],
                            'mandamiento_pago'     => ['label' => 'Mandamiento de Pago',    'color' => 'bg-orange-100 text-orange-700'],
                            'notificacion'         => ['label' => 'Notificaci&#243;n',        'color' => 'bg-yellow-100 text-yellow-700'],
                            'sentencia'            => ['label' => 'Sentencia',              'color' => 'bg-purple-100 text-purple-700'],
                            'liquidacion_costas'   => ['label' => 'Liq. Costas',            'color' => 'bg-indigo-100 text-indigo-700'],
                            'liquidacion_credito'  => ['label' => 'Liq. Cr&#233;dito',       'color' => 'bg-blue-100 text-blue-700'],
                            'cerrado_recuperado'   => ['label' => 'Recuperado',             'color' => 'bg-green-100 text-green-700'],
                            'cerrado_gse'          => ['label' => 'Cerrado GSE',            'color' => 'bg-gray-200 text-gray-600'],
                            'devuelto'             => ['label' => 'Devuelto',               'color' => 'bg-orange-100 text-orange-600'],
                        ];
                        $estado = $caso->estado_jur ?? '';
                        $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-xs text-gray-500">
                    {{ $caso->fecha_presentacion_demanda
                        ? \Carbon\Carbon::parse($caso->fecha_presentacion_demanda)->format('d/m/Y')
                        : '&#8212;' }}
                </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="8" class="px-4 py-8 text-center text-gray-500">
                    No hay casos en Proceso Jur&#237;dico con los filtros seleccionados.
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>

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

@endsection