{% extends "base.html" %}
{% block titolo %}{{ 'Modifica' if immobile else 'Nuovo' }} immobile{% endblock %}
{% block intestazione %}{{ 'Modifica immobile' if immobile else 'Nuovo immobile' }}{% endblock %}

{% block contenuto %}
{% set azione = url_for('immobili.salva', immobile_id=immobile.id) if immobile else url_for('immobili.salva') %}
<form method="post" action="{{ azione }}">
<div class="card"><div class="card-body">

    <div class="form-section">
        <h3>Dati generali</h3>
        <div class="form-grid">
            <div class="field full">
                <label>Nome identificativo <span class="req">*</span></label>
                <input type="text" name="nome" maxlength="100" required value="{{ immobile.nome or '' }}"
                       placeholder="es. Appartamento Via Roma">
            </div>
            <div class="field">
                <label>Via / Piazza <span class="req">*</span></label>
                <input type="text" name="indirizzo" required value="{{ immobile.indirizzo or '' }}">
            </div>
            <div class="field">
                <label>Numero civico <span class="req">*</span></label>
                <input type="text" name="civico" required value="{{ immobile.civico or '' }}">
            </div>
            <div class="field">
                <label>CAP <span class="req">*</span></label>
                <input type="text" name="cap" pattern="\d{5}" maxlength="5" required value="{{ immobile.cap or '' }}">
                <span class="hint">5 cifre</span>
            </div>
            <div class="field">
                <label>Città <span class="req">*</span></label>
                <input type="text" id="citta_immobile" name="citta" required value="{{ immobile.citta or '' }}">
            </div>
            <div class="field">
                <label>Provincia <span class="req">*</span></label>
                <select id="provincia_immobile" name="provincia" required>
                    <option value="">— seleziona —</option>
                    {% for sigla, nome in province %}
                    <option value="{{ sigla }}" {{ 'selected' if immobile and immobile.provincia == sigla }}>{{ sigla }} — {{ nome }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="field">
                <label>Tipo immobile <span class="req">*</span></label>
                <select name="tipo_immobile" required>
                    {% for val, etichetta in tipi %}
                    <option value="{{ val }}" {{ 'selected' if immobile and immobile.tipo_immobile == val }}>{{ etichetta }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="field full">
                <label>Note</label>
                <textarea name="note" maxlength="500">{{ immobile.note or '' }}</textarea>
            </div>
        </div>
    </div>

    <div class="form-section">
        <h3>Dati catastali</h3>
        <div class="form-grid">
            <div class="field full">
                <label>Cerca comune (compila città, provincia e codice catastale)</label>
                <input type="text" list="dl-belfiore" data-comune-lookup
                       data-lookup-url="{{ url_for('immobili.lookup_belfiore') }}"
                       data-target-cod="codice_comune" data-target-prov="provincia_immobile"
                       data-target-nome="citta_immobile" placeholder="Digita il nome del comune…">
                <datalist id="dl-belfiore"></datalist>
                <span class="hint">Tutti i comuni italiani sono precaricati (fonte ISTAT).</span>
            </div>
            <div class="field">
                <label>Codice comune (Belfiore)</label>
                <input type="text" id="codice_comune" name="codice_comune" maxlength="4"
                       value="{{ immobile.codice_comune or '' }}" placeholder="es. H501">
            </div>
            <div class="field">
                <label>Foglio</label>
                <input type="text" name="foglio" value="{{ immobile.foglio or '' }}">
            </div>
            <div class="field">
                <label>Particella</label>
                <input type="text" name="particella" value="{{ immobile.particella or '' }}">
            </div>
            <div class="field">
                <label>Subalterno</label>
                <input type="text" name="subalterno" value="{{ immobile.subalterno or '' }}">
            </div>
            <div class="field">
                <label>Categoria catastale</label>
                <select name="categoria_catastale">
                    <option value="">—</option>
                    {% for cat in categorie %}
                    <option value="{{ cat }}" {{ 'selected' if immobile and immobile.categoria_catastale == cat }}>{{ cat }}</option>
                    {% endfor %}
                </select>
            </div>
            <div class="field">
                <label>Rendita catastale (€)</label>
                <input type="number" step="0.01" min="0" name="rendita_catastale"
                       value="{{ immobile.rendita_catastale if immobile and immobile.rendita_catastale is not none else '' }}">
            </div>
        </div>
    </div>

    <div class="form-section">
        <h3>IMU (stima indicativa)</h3>
        <div class="form-grid">
            <div class="field">
                <label>Aliquota IMU (%)</label>
                <input type="number" step="0.01" min="0.10" max="3.00" name="aliquota_imu"
                       value="{{ ((immobile.aliquota_imu * 100) if immobile and immobile.aliquota_imu else 1.06) | round(2) }}">
                <span class="hint">Default 1,06% — verifica l'aliquota del tuo Comune</span>
            </div>
        </div>
        <div class="notice">Il calcolo IMU è puramente indicativo. L'aliquota varia per comune.
            Verifica con il Comune di riferimento o con un commercialista.</div>
    </div>

    <div class="form-actions">
        <button class="btn" type="submit">💾 Salva</button>
        <a class="btn btn-ghost" href="{{ url_for('immobili.lista') }}">Annulla</a>
    </div>

</div></div>
</form>
{% endblock %}