@extends('layouts.app')

@section('titulo', $deudor->nombre_completo . ' — GestionCob')

@section('contenido')

<div class="flex justify-between items-center mb-6">
    <div>
        <h1 class="text-2xl font-bold text-gray-800">{{ $deudor->nombre_completo }}</h1>
        <p class="text-sm text-gray-500 mt-1">{{ $deudor->tipo_documento }} {{ $deudor->numero_documento }}</p>
    </div>
    <div class="flex gap-2">
        <a href="{{ route('deudores.edit', $deudor->id) }}"
           class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
            Editar
        </a>
        <a href="{{ route('deudores.index') }}"
           class="text-gray-600 hover:underline py-2">← Volver</a>
    </div>
</div>

<div class="grid grid-cols-2 gap-6 mb-6">
    <div class="bg-white rounded shadow p-6">
        <h2 class="text-lg font-bold text-gray-700 mb-4">Datos personales</h2>
        <div class="space-y-3 text-sm">
            <div class="flex justify-between">
                <span class="text-gray-500">Documento</span>
                <span class="font-medium">{{ $deudor->tipo_documento }} {{ $deudor->numero_documento }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-gray-500">Teléfono</span>
                <span>{{ $deudor->telefono ?? '—' }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-gray-500">Tel. alternativo</span>
                <span>{{ $deudor->telefono_alternativo ?? '—' }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-gray-500">Correo</span>
                <span>{{ $deudor->email ?? '—' }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-gray-500">Ciudad</span>
                <span>{{ $deudor->ciudad ?? '—' }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-gray-500">Ciudad financiera</span>
                <span>{{ $deudor->ciudad_financiera ?? '—' }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-gray-500">Bienes embargables</span>
                @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
            </div>
        </div>
        @if($deudor->direccion_notificacion)
        <div class="mt-4 pt-4 border-t">
            <p class="text-gray-500 text-sm mb-1">Dirección notificación judicial</p>
            <p class="text-sm">{{ $deudor->direccion_notificacion }}</p>
        </div>
        @endif
    </div>

    <div class="bg-white rounded shadow p-6">
        <h2 class="text-lg font-bold text-gray-700 mb-4">
            Procesos
            <span class="bg-blue-100 text-blue-800 px-2 py-1 rounded text-sm ml-2">
                {{ $procesos->count() }}
            </span>
        </h2>
        @forelse($procesos as $proceso)
        <div class="border rounded p-3 mb-3 hover:bg-gray-50">
            <div class="flex justify-between items-start">
                <div>
                    <a href="{{ route('procesos.show', $proceso) }}"
                       class="font-medium text-sm text-blue-600 hover:underline font-mono">
                        {{ $proceso->radicado_interno }}
                    </a>
                    <p class="text-xs text-gray-500">{{ $proceso->entidadCliente->nombre ?? '—' }}</p>
                </div>
                <span class="text-xs px-2 py-1 rounded
                    {{ $proceso->tipo_subproceso == 'PREJUDICIAL' ? 'bg-yellow-100 text-yellow-800' : 'bg-red-100 text-red-800' }}">
                    {{ $proceso->tipo_subproceso }}
                </span>
            </div>
        </div>
        @empty
        <p class="text-sm text-gray-500">Este deudor no tiene procesos activos.</p>
        @endforelse

        <div class="mt-4 pt-4 border-t">
            <a href="{{ route('procesos.create', ['deudor_id' => $deudor->id]) }}"
               class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 text-sm">
                + Nuevo proceso para este deudor
            </a>
        </div>
    </div>
</div>

@endsection