{{-- resources/views/lotes/partials/form.blade.php --}}
{{--
    Variables esperadas:
    $modo        = 'create' | 'edit'
    $lote        = Lote|null
    $siguienteId = int|null  (solo en create)
    $tipousuario = int (session tipo)
--}}

@php
    $esCreate  = $modo === 'create';
    $esEditar  = $modo === 'edit';
    $esAdmin   = $tipousuario == 1;
    $esUsuario = $tipousuario == 4;
@endphp

<div class="two-col">

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

                    {{-- Código (solo lectura) --}}
                    <tr>
                        <td><label>Código de Lote</label></td>
                        <td>
                            <input type="text" name="id" class="form-control"
                                value="{{ $esCreate ? $siguienteId : $lote->id }}"
                                readonly style="background:#f4f6f9;cursor:not-allowed;width:120px;">
                        </td>
                    </tr>

                    {{-- Urbanización --}}
                    <tr>
                        <td><label>Urbanización</label></td>
                        <td>
                            @if($esCreate)
                                <select name="select1" id="select1" class="form-control"
                                        onchange="cargarDistritos(this.value)">
                                    <option value="0">— Seleccione —</option>
                                    @foreach($urbanizaciones as $u)
                                        <option value="{{ $u->id }}"
                                            {{ old('select1') == $u->id ? 'selected' : '' }}>
                                            {{ $u->id }} {{ $u->nombre }}
                                        </option>
                                    @endforeach
                                </select>
                            @else
                                <span class="form-static">{{ $lote->urbanizacion?->nombre }}</span>
                                <input type="hidden" name="select1" value="{{ $lote->urbanizacion }}">
                            @endif
                        </td>
                    </tr>

                    {{-- Distrito --}}
                    <tr>
                        <td><label>Distrito</label></td>
                        <td>
                            @if($esCreate)
                                <select name="select2" id="select2" class="form-control"
                                        disabled onchange="cargarManzanos(this.value)">
                                    <option value="0">— Seleccione urbanización —</option>
                                </select>
                            @else
                                <span class="form-static">{{ $lote->distrito?->nombre }}</span>
                                <input type="hidden" name="select2" value="{{ $lote->relacion }}">
                            @endif
                        </td>
                    </tr>

                    {{-- Manzano --}}
                    <tr>
                        <td><label>Manzano</label></td>
                        <td>
                            @if($esCreate)
                                <div style="display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;">
                                    <select name="select3" id="select3" class="form-control"
                                            disabled style="width:130px;">
                                        <option value="0">— Seleccione —</option>
                                    </select>
                                    <span style="color:var(--muted);font-size:.78rem;">o nuevo:</span>
                                    <input type="text" name="manzano" id="manzano-nuevo"
                                           class="form-control" style="width:90px;" maxlength="4"
                                           placeholder="Nuevo"
                                           oninput="if(this.value){document.getElementById('select3').disabled=true;document.getElementById('select3').value=0;}"
                                           onblur="this.value=this.value.toUpperCase()">
                                </div>
                            @else
                                <span class="form-static">{{ $lote->manzano }}</span>
                                <input type="hidden" name="select3" value="{{ $lote->manzano }}">
                            @endif
                        </td>
                    </tr>

                    {{-- Número de lote (solo en create) --}}
                    @if($esCreate)
                    <tr>
                        <td><label>N° Lote</label></td>
                        <td>
                            <input type="text" name="nolote" id="nolote" class="form-control"
                                   style="width:90px;" maxlength="3"
                                   value="{{ old('nolote') }}"
                                   placeholder="Ej: 15">
                        </td>
                    </tr>
                    @else
                    <tr>
                        <td><label>N° Lote</label></td>
                        <td><span class="form-static">{{ $lote->nombre }}</span></td>
                    </tr>
                    @endif

                    {{-- Superficie --}}
                    <tr>
                        <td><label>Superficie</label></td>
                        <td>
                            <div style="display:flex;align-items:center;gap:.4rem;">
                                <input type="text" name="superficie" id="superficie"
                                       class="form-control" style="width:110px;" maxlength="7"
                                       value="{{ old('superficie', $lote?->superf) }}"
                                       placeholder="Mín. 50">
                                <span style="color:var(--muted);font-size:.82rem;">m²</span>
                            </div>
                        </td>
                    </tr>

                    {{-- Tipo --}}
                    <tr>
                        <td><label>Tipo</label></td>
                        <td>
                            <div style="display:flex;gap:.75rem;flex-wrap:wrap;">
                                @foreach([1 => 'Calle', 2 => 'Avenida', 3 => 'Área Verde'] as $val => $label)
                                    <label class="radio-label">
                                        <input type="radio" name="tipo" id="tipo{{ $val }}"
                                               value="{{ $val }}"
                                               {{ old('tipo', $lote?->itetip) == $val ? 'checked' : '' }}>
                                        {{ $label }}
                                    </label>
                                @endforeach
                            </div>
                        </td>
                    </tr>

                    {{-- Individualización --}}
                    <tr>
                        <td><label>Individualización</label></td>
                        <td>
                            @if($esEditar && $lote->telef)
                                <span style="color:#166534;font-weight:700;">SI (ya individualizado)</span>
                                <input type="hidden" name="telefono" value="1">
                            @else
                                <label class="check-label">
                                    <input type="checkbox" name="telefono" value="1"
                                           {{ old('telefono') ? 'checked' : '' }}>
                                    Marcar como individualizado
                                </label>
                            @endif
                        </td>
                    </tr>

                    {{-- Estado --}}
                    <tr>
                        <td><label>Estado</label></td>
                        <td>
                            @if($esCreate)
                                <span class="form-static" style="color:#166534;font-weight:600;">Disponible</span>
                                <input type="hidden" name="estador" value="1">
                            @elseif($esAdmin)
                                <div style="display:flex;gap:.5rem;flex-wrap:wrap;">
                                    @foreach(\App\Models\Lote::estadoOptions() as $val => $label)
                                        <label class="radio-label">
                                            <input type="radio" name="estador"
                                                   value="{{ $val }}"
                                                   {{ old('estador', $lote->iteest) == $val ? 'checked' : '' }}>
                                            {{ $label }}
                                        </label>
                                    @endforeach
                                </div>
                            @else
                                <span class="estado-badge estado-{{ $lote->iteest }}">
                                    {{ $lote->estado_label }}
                                </span>
                                <input type="hidden" name="estador" value="0">
                            @endif
                        </td>
                    </tr>

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

    {{-- ── Columna derecha: servicios ── --}}
    <div>
        <div class="panel">
            <div class="panel-header">Servicios</div>
            <div class="panel-body">
                <table class="form-table">
                    @foreach([
                        'alcantarillado' => ['campo' => 'alcanta',  'label' => 'Alcantarillado'],
                        'luz'            => ['campo' => 'luz',      'label' => 'Luz'],
                        'agua'           => ['campo' => 'agua',     'label' => 'Agua'],
                        'transporte'     => ['campo' => 'transpor', 'label' => 'Transporte'],
                        'cordon'         => ['campo' => 'cordon',   'label' => 'Cordón'],
                        'acera'          => ['campo' => 'acera',    'label' => 'Acera'],
                        'muralla'        => ['campo' => 'muralla',  'label' => 'Muralla'],
                    ] as $name => $info)
                        @php
                            $checked = old($name, $lote ? $lote->{$info['campo']} : false);
                        @endphp
                        <tr>
                            <td><label>{{ $info['label'] }}</label></td>
                            <td>
                                <label class="check-label">
                                    <input type="checkbox" name="{{ $name }}" value="1"
                                           {{ $checked ? 'checked' : '' }}>
                                </label>
                            </td>
                        </tr>
                    @endforeach
                </table>
            </div>
        </div>
    </div>

</div>

{{-- Observaciones --}}
<div class="panel" style="margin-top:1rem;">
    <div class="panel-header">Observaciones</div>
    <div class="panel-body">
        <textarea name="observaciones" rows="3" class="form-control" style="width:100%;resize:vertical;">{{ old('observaciones', $lote?->observ) }}</textarea>
    </div>
</div>

{{-- Botones --}}
<div style="display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem;">
    <a href="{{ route('lotes.index') }}" class="btn btn-outline">Cancelar</a>
    <button type="button" onclick="limpiarForm()" class="btn" style="background:#e5e7eb;color:var(--text);">
        Limpiar
    </button>
    <button type="button" onclick="validarYEnviar()" class="btn btn-primary">
        &#128190; Guardar
    </button>
</div>