@extends('layouts.app')

@section('titulo', 'Nuevo Proceso — GestionCob')

@section('contenido')

<div class="max-w-2xl mx-auto">
    <div class="flex justify-between items-center mb-6">
        <h1 class="text-2xl font-bold text-gray-800">Nuevo Proceso</h1>
        <a href="{{ route('procesos.index') }}"
           class="text-gray-600 hover:underline">← Volver</a>
    </div>

    <div class="bg-white rounded shadow p-6">

        @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>• {{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <form action="{{ route('procesos.store') }}" method="POST">
            @csrf

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Entidad cliente *</label>
                <select name="entidad_cliente_id"
                        class="w-full border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
                    <option value="">Seleccione la entidad...</option>
                    @foreach($entidades as $entidad)
                        <option value="{{ $entidad->id }}"
                            {{ old('entidad_cliente_id') == $entidad->id ? 'selected' : '' }}>
                            ({{ $entidad->codigo }}) {{ $entidad->nombre }}
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Deudor *</label>
                @if($deudor)
                    <input type="hidden" name="deudor_id" value="{{ $deudor->id }}">
                    <div class="w-full border rounded px-3 py-2 bg-gray-50">
                        <p class="font-medium">{{ $deudor->nombre_completo }}</p>
                        <p class="text-xs text-gray-500">{{ $deudor->tipo_documento }} {{ $deudor->numero_documento }}</p>
                    </div>
                @else
                    <select name="deudor_id"
                            class="w-full border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
                        <option value="">Seleccione el deudor...</option>
                        @foreach(App\Models\Deudor::orderBy('nombre_completo')->get() as $d)
                            <option value="{{ $d->id }}"
                                {{ old('deudor_id') == $d->id ? 'selected' : '' }}>
                                {{ $d->nombre_completo }} — {{ $d->numero_documento }}
                            </option>
                        @endforeach
                    </select>
                @endif
            </div>

            <div class="mb-4">
                <label class="block text-sm font-medium text-gray-700 mb-1">Tipo de subproceso *</label>
                <select name="tipo_subproceso"
                        class="w-full border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
                    <option value="">Seleccione...</option>
                    <option value="PREJUDICIAL" {{ old('tipo_subproceso') == 'PREJUDICIAL' ? 'selected' : '' }}>Prejudicial (con negociación)</option>
                    <option value="JURIDICO" {{ old('tipo_subproceso') == 'JURIDICO' ? 'selected' : '' }}>Jurídico (sin negociación)</option>
                    <option value="INSOLVENCIA" {{ old('tipo_subproceso') == 'INSOLVENCIA' ? 'selected' : '' }}>Insolvencia</option>
                </select>
            </div>

            <div class="mb-4">
                <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 focus:outline-none focus:ring-2 focus:ring-blue-500">
                    <option value="">Seleccione...</option>
                    <option value="CUPO">Cupo</option>
                    <option value="HIPOTECARIO">Hipotecario</option>
                    <option value="CONSUMO">Consumo</option>
                    <option value="TARJETA">Tarjeta de crédito</option>
                    <option value="VEHICULO">Vehículo</option>
                    <option value="OTRO">Otro</option>
                </select>
            </div>

            <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') }}"
                           class="w-full border rounded px-3 py-2 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', 0) }}"
                           class="w-full border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
                           placeholder="0.00">
                </div>
            </div>

            <div class="mb-4">
                <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') }}"
                       class="w-full border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500"
                       placeholder="Ej: 120">
            </div>

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

            <button type="submit"
                    class="w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700 font-medium">
                Crear Proceso
            </button>

        </form>
    </div>
</div>

@endsection