{{-- resources/views/lotes/partials/form-scripts.blade.php --}}
<script>
const apiDistritos = "{{ url('lotes/distritos') }}";
const apiManzanos  = "{{ url('lotes/manzanos') }}";

// ── Cascada Urbanización → Distrito ──────────────────────────
async function cargarDistritos(urbId) {
    const sel2 = document.getElementById('select2');
    const sel3 = document.getElementById('select3');
    if (!sel2) return;

    sel2.disabled = true;
    sel2.innerHTML = '<option value="0">Cargando...</option>';
    if (sel3) { sel3.disabled = true; sel3.innerHTML = '<option value="0">— Seleccione —</option>'; }

    if (urbId == 0) {
        sel2.innerHTML = '<option value="0">— Seleccione urbanización —</option>';
        return;
    }

    const res  = await fetch(`${apiDistritos}/${urbId}`);
    const data = await res.json();

    sel2.innerHTML = '<option value="0">— Seleccione distrito —</option>';
    data.forEach(d => {
        const o = document.createElement('option');
        o.value = d.id; o.textContent = `${d.id} ${d.nombre}`;
        sel2.appendChild(o);
    });
    sel2.disabled = false;
}

// ── Cascada Distrito → Manzano ────────────────────────────────
async function cargarManzanos(disId) {
    const sel3 = document.getElementById('select3');
    if (!sel3) return;

    sel3.disabled = true;
    sel3.innerHTML = '<option value="0">Cargando...</option>';

    if (disId == 0) {
        sel3.innerHTML = '<option value="0">— Seleccione —</option>';
        return;
    }

    const res  = await fetch(`${apiManzanos}/${disId}`);
    const data = await res.json(); // array de strings

    sel3.innerHTML = '<option value="0">— Todos —</option>';
    data.forEach(m => {
        const o = document.createElement('option');
        o.value = m; o.textContent = m;
        sel3.appendChild(o);
    });
    sel3.disabled = false;
}

// ── Validación ────────────────────────────────────────────────
function validarYEnviar() {
    const modo = "{{ $modo }}";

    // Urbanización y distrito (solo en create)
    if (modo === 'create') {
        const urb = document.getElementById('select1')?.value;
        const dis = document.getElementById('select2')?.value;
        if (!urb || urb == 0) { alert('Debe seleccionar una urbanización.'); return; }
        if (!dis || dis == 0) { alert('Debe seleccionar un distrito.'); return; }

        // Manzano: al menos select3 o manzano-nuevo
        const sel3 = document.getElementById('select3')?.value;
        const mzNuevo = document.getElementById('manzano-nuevo')?.value.trim();
        if ((!sel3 || sel3 == 0) && !mzNuevo) {
            alert('Debe seleccionar o ingresar un manzano.'); return;
        }
    }

    // Tipo
    const tipos = document.querySelectorAll('input[name="tipo"]');
    const tipoMarcado = [...tipos].some(r => r.checked);
    if (!tipoMarcado) { alert('Debe seleccionar el tipo de lote.'); return; }

    // Superficie
    const sup = parseFloat(document.getElementById('superficie')?.value);
    if (isNaN(sup) || sup < 50) { alert('Ingrese una superficie válida (mínimo 50 m²).'); return; }

    if (confirm('¿Está seguro de guardar los datos?')) {
        document.getElementById('form-lote').submit();
    }
}

// ── Limpiar (solo create) ─────────────────────────────────────
function limpiarForm() {
    const campos = ['nolote','superficie','observaciones','manzano-nuevo'];
    campos.forEach(id => {
        const el = document.getElementById(id);
        if (el) el.value = '';
    });

    document.querySelectorAll('input[type="radio"]').forEach(r => r.checked = false);
    document.querySelectorAll('input[type="checkbox"]').forEach(c => c.checked = false);

    const sel1 = document.getElementById('select1');
    if (sel1) { sel1.value = 0; cargarDistritos(0); }
}
</script>