{{-- resources/views/clientes/partials/form.blade.php --}}
{{-- Variables: $modo ('create'|'edit'), $cliente (Cliente|null), $ciudades (Collection) --}}

@php $esEdit = $modo === 'edit'; @endphp

<div class="two-col">

    {{-- ── Columna izquierda ── --}}
    <div class="panel">
        <div class="panel-header">Datos Personales</div>
        <div class="panel-body" style="padding:0;">
            <table class="form-table">

                {{-- Fecha --}}
                <tr>
                    <td><label>Fecha</label></td>
                    <td>
                        <input type="text" name="fecha" id="fecha" class="form-control"
                               style="width:130px;"
                               value="{{ old('fecha', $esEdit && $cliente->fecha ? \Carbon\Carbon::parse($cliente->fecha)->format('d/m/Y') : now()->format('d/m/Y')) }}"
                               placeholder="dd/mm/aaaa" maxlength="10">
                    </td>
                </tr>

                {{-- Nombre --}}
                <tr>
                    <td><label>Nombre <span style="color:var(--danger);">*</span></label></td>
                    <td>
                        @if($esEdit)
                            <input type="text" name="nombre" id="nombre" class="form-control"
                                   value="{{ old('nombre', $cliente->nombre) }}"
                                   maxlength="45" style="width:100%;">
                        @else
                            <div style="display:flex;gap:.4rem;flex-wrap:wrap;">
                                <input type="text" name="nombre" id="nombre"
                                       class="form-control" style="flex:2;min-width:100px;"
                                       maxlength="25" placeholder="Nombres">
                                <input type="text" name="paterno" id="paterno"
                                       class="form-control" style="flex:1.5;min-width:80px;"
                                       maxlength="15" placeholder="Ap. Paterno">
                                <input type="text" name="materno" id="materno"
                                       class="form-control" style="flex:1.5;min-width:80px;"
                                       maxlength="15" placeholder="Ap. Materno">
                            </div>
                        @endif
                    </td>
                </tr>

                {{-- Sexo --}}
                <tr>
                    <td><label>Sexo</label></td>
                    <td>
                        <select name="sexo" id="sexo" class="form-control" style="width:150px;">
                            <option value="0">Seleccione</option>
                            @foreach(\App\Models\Cliente::sexoOptions() as $val => $label)
                                <option value="{{ $val }}"
                                    {{ old('sexo', $cliente?->sexo) == $val ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                    </td>
                </tr>

                {{-- Estado Civil --}}
                <tr>
                    <td><label>Estado Civil</label></td>
                    <td>
                        <select name="estadocivil" id="estadocivil" class="form-control" style="width:150px;">
                            <option value="0">Seleccione</option>
                            @foreach(\App\Models\Cliente::estadoCivilOptions() as $val => $label)
                                <option value="{{ $val }}"
                                    {{ old('estadocivil', $cliente?->estadocivil) == $val ? 'selected' : '' }}>
                                    {{ $label }}
                                </option>
                            @endforeach
                        </select>
                    </td>
                </tr>

                {{-- CI --}}
                <tr>
                    <td><label>CI / NIT <span style="color:var(--danger);">*</span></label></td>
                    <td>
                        <input type="text" name="ci" id="ci" class="form-control"
                               style="width:130px;" maxlength="15"
                               value="{{ old('ci', $cliente?->ci) }}">
                    </td>
                </tr>

                {{-- Dirección --}}
                <tr>
                    <td><label>Dirección <span style="color:var(--danger);">*</span></label></td>
                    <td>
                        <input type="text" name="direccion" id="direccion" class="form-control"
                               maxlength="60" style="width:100%;"
                               value="{{ old('direccion', $cliente?->direccion) }}">
                    </td>
                </tr>

                {{-- Departamento --}}
                <tr>
                    <td><label>Departamento <span style="color:var(--danger);">*</span></label></td>
                    <td>
                        <select name="cboCiudades" id="cboCiudades" class="form-control" style="width:180px;">
                            <option value="0">Seleccione</option>
                            @foreach($ciudades as $ciudad)
                                <option value="{{ $ciudad->codigociu }}"
                                    {{ old('cboCiudades', $cliente?->ciudad) == $ciudad->codigociu ? 'selected' : '' }}>
                                    {{ $ciudad->nombreciu }}
                                </option>
                            @endforeach
                        </select>
                    </td>
                </tr>

            </table>
        </div>
    </div>

    {{-- ── Columna derecha ── --}}
    <div class="panel">
        <div class="panel-header">Contacto y Datos Adicionales</div>
        <div class="panel-body" style="padding:0;">
            <table class="form-table">

                <tr>
                    <td><label>Celular</label></td>
                    <td>
                        <input type="text" name="celular" id="celular" class="form-control"
                               style="width:120px;" maxlength="8"
                               value="{{ old('celular', $cliente?->celular) }}">
                    </td>
                </tr>
                <tr>
                    <td><label>Teléfono</label></td>
                    <td>
                        <input type="text" name="telefono" id="telefono" class="form-control"
                               style="width:120px;" maxlength="7"
                               value="{{ old('telefono', $cliente?->telefono) }}">
                    </td>
                </tr>
                <tr>
                    <td><label>Fax</label></td>
                    <td>
                        <input type="text" name="fax" id="fax" class="form-control"
                               style="width:120px;" maxlength="7"
                               value="{{ old('fax', $cliente?->fax) }}">
                    </td>
                </tr>
                <tr>
                    <td><label>Correo electrónico</label></td>
                    <td>
                        <input type="email" name="email" id="email" class="form-control"
                               maxlength="35" style="width:100%;"
                               value="{{ old('email', $cliente?->email) }}">
                    </td>
                </tr>
                <tr>
                    <td><label>Casilla</label></td>
                    <td>
                        <input type="text" name="casilla" id="casilla" class="form-control"
                               style="width:110px;" maxlength="10"
                               value="{{ old('casilla', $cliente?->casilla) }}">
                    </td>
                </tr>
                <tr>
                    <td><label>Observaciones</label></td>
                    <td>
                        <textarea name="observaciones" id="observaciones" class="form-control"
                                  rows="3" style="width:100%;resize:vertical;">{{ old('observaciones', $cliente?->observaciones) }}</textarea>
                    </td>
                </tr>

            </table>
        </div>
    </div>

</div>