@extends('layouts.app')

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

@section('contenido')

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

<form method="GET" action="{{ route('deudores.index') }}" class="mb-4 flex gap-2">
    <input type="text" name="buscar" value="{{ $busqueda }}"
           placeholder="Buscar por cédula o nombre..."
           class="flex-1 border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
    <button type="submit"
            class="bg-gray-700 text-white px-4 py-2 rounded hover:bg-gray-800">
        Buscar
    </button>
    @if($busqueda)
        <a href="{{ route('deudores.index') }}"
           class="bg-gray-200 text-gray-700 px-4 py-2 rounded hover:bg-gray-300">
            Limpiar
        </a>
    @endif
</form>

<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">Documento</th>
                <th class="px-4 py-3 text-left">Nombre completo</th>
                <th class="px-4 py-3 text-left">Teléfono</th>
                <th class="px-4 py-3 text-left">Ciudad</th>
                <th class="px-4 py-3 text-left">Bienes</th>
                <th class="px-4 py-3 text-left">Procesos</th>
                <th class="px-4 py-3 text-left">Acciones</th>
            </tr>
        </thead>
        <tbody>
            @forelse($deudores as $deudor)
            <tr class="border-b hover:bg-gray-50">
                <td class="px-4 py-3">
                    <span class="text-xs text-gray-500">{{ $deudor->tipo_documento }}</span><br>
                    <span class="font-medium">{{ $deudor->numero_documento }}</span>
                </td>
                <td class="px-4 py-3 font-medium">{{ $deudor->nombre_completo }}</td>
                <td class="px-4 py-3">{{ $deudor->telefono ?? '—' }}</td>
                <td class="px-4 py-3">{{ $deudor->ciudad ?? '—' }}</td>
                <td class="px-4 py-3">
                    @if($deudor->tiene_bienes)
                        <span class="bg-green-100 text-green-800 px-2 py-1 rounded text-xs">Sí</span>
                    @else
                        <span class="bg-gray-100 text-gray-600 px-2 py-1 rounded text-xs">No</span>
                    @endif
                </td>
                <td class="px-4 py-3">
                    <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded text-xs">
                        {{ $deudor->procesos->count() }}
                    </span>
                </td>
                <td class="px-4 py-3">
                    <a href="{{ route('deudores.show', $deudor) }}"
                       class="text-blue-600 hover:underline mr-2">Ver</a>
                    <a href="{{ route('deudores.edit', $deudor) }}"
                       class="text-green-600 hover:underline">Editar</a>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="7" class="px-4 py-6 text-center text-gray-500">
                    @if($busqueda)
                        No se encontraron deudores con "{{ $busqueda }}".
                    @else
                        No hay deudores registrados aún.
                    @endif
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

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

@endsection