@extends('layouts.app')

@section('titulo', 'Editar Deudor — GestionCob')

@section('contenido')

<div class="max-w-3xl mx-auto">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold text-gray-800">Editar Deudor</h1>
        <a href="{{ route('deudores.show', $deudor) }}"
           class="text-gray-600 hover:underline">&#8592; Volver</a>
    </div>

    @if($errors->any())
        <div class="bg-red-100 text-red-800 px-4 py-3 rounded mb-4">
            <ul>
                @foreach($errors->all() as $error)
                    <li>&#8226; {{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('deudores.update', $deudor) }}" method="POST">
        @csrf
        @method('PUT')

        {{-- ===== BLOQUE 1: DATOS DEL DEUDOR ===== --}}
        <div class="bg-white rounded shadow p-6 mb-6">
            <h2 class="text-lg font-bold text-gray-700 mb-4 pb-2 border-b">
                1. Datos del Deudor
            </h2>

            {{-- Documento solo lectura --}}
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Documento</label>
                <input type="text"
                       value="{{ $deudor->tipo_documento }} {{ $deudor->numero_documento }}"
                       disabled
                       class="w-full border rounded px-3 py-2 bg-gray-100 text-gray-500 text-sm">
                <p class="text-xs text-gray-400 mt-1">El documento no se puede cambiar.</p>
            </div>

            {{-- Nombre --}}
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Nombre completo *</label>
                <input type="text" name="nombre_completo" maxlength="150"
                       value="{{ old('nombre_completo', $deudor->nombre_completo) }}"
                       class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                       placeholder="Nombre y apellidos completos del deudor">
            </div>

            {{-- Teléfonos --}}
            <div class="grid grid-cols-2 gap-4 mb-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Teléfono principal</label>
                    <input type="text" name="telefono" maxlength="20"
                           value="{{ old('telefono', $deudor->telefono) }}"
                           class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                           placeholder="Ej: 3001234567">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Teléfono alternativo</label>
                    <input type="text" name="telefono_alternativo" maxlength="20"
                           value="{{ old('telefono_alternativo', $deudor->telefono_alternativo) }}"
                           class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                           placeholder="Ej: 3009876543">
                </div>
            </div>

            {{-- Email --}}
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Correo electrónico</label>
                <input type="email" name="email" maxlength="100"
                       value="{{ old('email', $deudor->email) }}"
                       class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                       placeholder="correo@ejemplo.com">
            </div>

            {{-- Dirección --}}
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Dirección de notificación judicial</label>
                <textarea name="direccion_notificacion" rows="2"
                          class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                          placeholder="Dirección completa para notificaciones judiciales">{{ old('direccion_notificacion', $deudor->direccion_notificacion) }}</textarea>
            </div>

            {{-- Ciudad residencia --}}
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Ciudad de residencia</label>
                <input type="text" name="ciudad" maxlength="80"
                       value="{{ old('ciudad', $deudor->ciudad) }}"
                       class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                       placeholder="Ej: Bogotá">
            </div>

            {{-- Bienes embargables --}}
            <div class="mb-4">
                <label class="flex items-center gap-2 cursor-pointer">
                    <input type="checkbox" name="tiene_bienes" value="1" id="chk_bienes"
                           {{ old('tiene_bienes', $deudor->tiene_bienes) ? 'checked' : '' }}
                           class="w-4 h-4">
                    <span class="text-sm font-medium text-gray-700">Se identificaron bienes embargables</span>
                </label>
            </div>

            {{-- Notas bienes --}}
            <div id="div_notas_bienes" class="mb-2"
                 style="{{ old('tiene_bienes', $deudor->tiene_bienes) ? '' : 'display:none' }}">
                <label class="block text-sm font-medium text-gray-700 mb-1">Detalle de bienes identificados</label>
                <textarea name="notas_bienes" rows="2"
                          class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                          placeholder="Describa los bienes: inmuebles, vehículos, cuentas bancarias...">{{ old('notas_bienes', $deudor->notas_bienes) }}</textarea>
            </div>
        </div>

        {{-- ===== BLOQUE 2: DATOS DEL PROCESO ===== --}}
        @if($proceso)
        <div class="bg-white rounded shadow p-6 mb-6">
            <h2 class="text-lg font-bold text-gray-700 mb-4 pb-2 border-b">
                2. Datos del Proceso
            </h2>

            {{-- Entidad (solo lectura en edición) --}}
            <div class="grid grid-cols-2 gap-4 mb-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Entidad</label>
                    <input type="text"
                           value="{{ $proceso->entidadCliente->nombre ?? '—' }}"
                           disabled
                           class="w-full border rounded px-3 py-2 text-sm bg-gray-100 text-gray-500">
                    <p class="text-xs text-gray-400 mt-1">La entidad no se puede cambiar.</p>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Radicado</label>
                    <input type="text"
                           value="{{ $proceso->radicado_interno ?? '—' }}"
                           disabled
                           class="w-full border rounded px-3 py-2 text-sm bg-gray-100 text-gray-500">
                </div>
            </div>

            {{-- Número de obligación y Ciudad financiera --}}
            <div class="grid grid-cols-2 gap-4 mb-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Número de obligación</label>
                    <input type="text" name="numero_obligacion" maxlength="80"
                           value="{{ old('numero_obligacion', $proceso->numero_obligacion) }}"
                           class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                           placeholder="Ej: 0001-2024-00123">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Ciudad financiera</label>
                    <input type="text" name="ciudad_financiera" maxlength="80"
                           value="{{ old('ciudad_financiera', $proceso->ciudad_financiera ?? $deudor->ciudad_financiera) }}"
                           class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                           placeholder="Ej: Bogotá">
                </div>
            </div>

            {{-- Saldo e Intereses --}}
            <div class="grid grid-cols-2 gap-4 mb-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Saldo capital</label>
                    <input type="number" name="saldo_capital" step="0.01" min="0"
                           value="{{ old('saldo_capital', $proceso->saldo_capital) }}"
                           class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                           placeholder="0.00">
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Intereses</label>
                    <input type="number" name="intereses" step="0.01" min="0"
                           value="{{ old('intereses', $proceso->intereses) }}"
                           class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                           placeholder="0.00">
                </div>
            </div>

            {{-- Tipo producto y Días mora --}}
            <div class="grid grid-cols-2 gap-4 mb-4">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Tipo de producto</label>
                    <select name="tipo_producto"
                            class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                        <option value="">Seleccione...</option>
                        @foreach(['CUPO'=>'Cupo de crédito','HIPOTECARIO'=>'Hipotecario','CONSUMO'=>'Consumo','TARJETA'=>'Tarjeta de crédito','PRENDARIO'=>'Prendario','INSOLVENCIA'=>'Insolvencia','OTRO'=>'Otro'] as $val => $label)
                            <option value="{{ $val }}" {{ old('tipo_producto', $proceso->tipo_producto) == $val ? 'selected' : '' }}>{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Días en mora</label>
                    <input type="number" name="dias_mora" min="0"
                           value="{{ old('dias_mora', $proceso->dias_mora) }}"
                           class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                           placeholder="Ej: 90">
                </div>
            </div>

            {{-- Asesor --}}
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Asesor asignado</label>
                <select name="asesor_id"
                        class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                    <option value="">Seleccione un asesor...</option>
                    @foreach($asesores as $asesor)
                        <option value="{{ $asesor->id }}"
                            {{ old('asesor_id', $proceso->asesor_id ?? '') == $asesor->id ? 'selected' : '' }}>
                            {{ $asesor->name }} — {{ $asesor->getRoleNames()->first() ?? 'sin rol' }}
                        </option>
                    @endforeach
                </select>
            </div>

            {{-- Observaciones --}}
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Observaciones</label>
                <textarea name="observaciones" rows="2"
                          class="w-full border rounded px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
                          placeholder="Información adicional del caso...">{{ old('observaciones', $proceso->observaciones) }}</textarea>
            </div>

            {{-- Checklist documentos --}}
            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-3">Documentos disponibles al ingreso</label>
                <div class="grid grid-cols-2 gap-2 border rounded p-4 bg-gray-50">
                    @php
                    $docs = [
                        'carta_remisoria'          => 'Carta remisoria',
                        'consulta_infofer'         => 'Consulta Infofer',
                        'autorizacion_carta'       => 'Autorización y/o carta de instrucciones',
                        'pagare_fisico'            => 'Pagaré Físico',
                        'pagare_virtual'           => 'Pagaré Virtual',
                        'documento_otro_si'        => 'Documento Otro Sí',
                        'plan_pagos'               => 'Plan de pagos',
                        'liquidaciones_obligacion' => 'Liquidaciones por obligación',
                        'soportes_liquidacion'     => 'Pantallazos / Soportes de liquidación',
                        'solicitud_servicios'      => 'Solicitud servicios financieros / CRM',
                        'camara_comercio'          => 'Cámara de comercio',
                        'imagen_cedula'            => 'Imagen cédula',
                        'tarjeta_propiedad'        => 'Imagen tarjeta propiedad vehículo',
                        'poder'                    => 'Poder',
                        'deceval'                  => 'Deceval',
                        'escritura'                => 'Escritura',
                        'estado_cuenta'            => 'Estado de cuenta',
                        'entrega_email'            => 'Forma de entrega: Email',
                        'entrega_fisico'           => 'Forma de entrega: Físico',
                    ];
                    $checklistActual = old('documentos_checklist',
                        is_array($proceso->documentos_checklist)
                            ? $proceso->documentos_checklist
                            : json_decode($proceso->documentos_checklist ?? '[]', true)
                    );
                    @endphp
                    @foreach($docs as $key => $label)
                    <label class="flex items-center gap-2 cursor-pointer py-1">
                        <input type="checkbox" name="documentos_checklist[]" value="{{ $key }}"
                               {{ in_array($key, $checklistActual ?? []) ? 'checked' : '' }}
                               class="w-4 h-4 text-blue-600">
                        <span class="text-sm text-gray-700">{{ $label }}</span>
                    </label>
                    @endforeach
                </div>
                <p class="text-xs text-gray-400 mt-1">Marque los documentos disponibles.</p>
            </div>
        </div>
        @endif

        <button type="submit"
                class="w-full bg-blue-600 text-white py-3 rounded hover:bg-blue-700 font-medium text-base">
            Guardar Cambios
        </button>

    </form>
</div>

<script>
document.getElementById('chk_bienes').addEventListener('change', function() {
    document.getElementById('div_notas_bienes').style.display = this.checked ? 'block' : 'none';
});
</script>

@endsection