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

{% block contenuto %}
{% set azione = url_for('inquilini.salva', inquilino_id=inquilino.id) if inquilino else url_for('inquilini.salva') %}
<form method="post" action="{{ azione }}">
{% if ritorno %}<input type="hidden" name="ritorno" value="{{ ritorno }}">{% endif %}
<div class="card"><div class="card-body">

    <div class="form-section">
        <h3>Dati anagrafici</h3>
        <div class="form-grid">
            <div class="field"><label>Cognome <span class="req">*</span></label>
                <input type="text" name="cognome" required value="{{ inquilino.cognome or '' }}"></div>
            <div class="field"><label>Nome <span class="req">*</span></label>
                <input type="text" name="nome" required value="{{ inquilino.nome or '' }}"></div>
            <div class="field"><label>Codice fiscale</label>
                <input type="text" name="codice_fiscale" maxlength="16" style="text-transform:uppercase"
                       value="{{ inquilino.codice_fiscale or '' }}">
                <span class="hint">16 caratteri — verrà validato</span></div>
            <div class="field"><label>Data di nascita</label>
                <input type="date" name="data_nascita" value="{{ inquilino.data_nascita or '' }}"></div>
            <div class="field"><label>Luogo di nascita</label>
                <input type="text" name="luogo_nascita" value="{{ inquilino.luogo_nascita or '' }}"></div>
            <div class="field"><label>Provincia di nascita</label>
                <select name="provincia_nascita">
                    <option value="">—</option>
                    {% for sigla, nome in province %}
                    <option value="{{ sigla }}" {{ 'selected' if inquilino and inquilino.provincia_nascita == sigla }}>{{ sigla }}</option>
                    {% endfor %}
                    <option value="EE" {{ 'selected' if inquilino and inquilino.provincia_nascita == 'EE' }}>Estero</option>
                </select></div>
            <div class="field"><label>Nazionalità</label>
                <input type="text" name="nazionalita" value="{{ inquilino.nazionalita or 'IT' }}"></div>
        </div>
    </div>

    <div class="form-section">
        <h3>Documento</h3>
        <div class="form-grid">
            <div class="field"><label>Tipo documento</label>
                <select name="tipo_documento">
                    <option value="">—</option>
                    {% for cod, desc in tipi_doc %}
                    <option value="{{ cod }}" {{ 'selected' if inquilino and inquilino.tipo_documento == cod }}>{{ desc }}</option>
                    {% endfor %}
                </select></div>
            <div class="field"><label>Numero documento</label>
                <input type="text" name="numero_documento" value="{{ inquilino.numero_documento or '' }}"></div>
            <div class="field"><label>Luogo rilascio</label>
                <input type="text" name="luogo_rilascio_doc" value="{{ inquilino.luogo_rilascio_doc or '' }}"></div>
            <div class="field"><label>Data rilascio</label>
                <input type="date" name="data_rilascio_doc" value="{{ inquilino.data_rilascio_doc or '' }}"></div>
        </div>
    </div>

    <div class="form-section">
        <h3>Contatti</h3>
        <div class="form-grid">
            <div class="field"><label>Telefono</label>
                <input type="tel" name="telefono" value="{{ inquilino.telefono or '' }}"></div>
            <div class="field"><label>Email</label>
                <input type="email" name="email" value="{{ inquilino.email or '' }}"></div>
            <div class="field full"><label>Indirizzo di residenza</label>
                <input type="text" name="indirizzo_residenza" value="{{ inquilino.indirizzo_residenza or '' }}"></div>
            <div class="field full"><label>Note</label>
                <textarea name="note">{{ inquilino.note or '' }}</textarea></div>
        </div>
    </div>

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

{% if inquilino %}
<div class="card">
    <div class="card-head"><h2>📎 Documenti dell'inquilino</h2></div>
    <div class="card-body">
        {% if allegati %}
        <ul class="alert-list" style="margin-bottom:14px;">
            {% for a in allegati %}
            <li>
                <span class="ico">📄</span>
                <span class="txt">
                    <a href="#" onclick="gaApri('{{ url_for('inquilini.apri_allegato_json', allegato_id=a.id) }}', '{{ url_for('inquilini.scarica_allegato', allegato_id=a.id) }}'); return false;">{{ a.nome_file }}</a>
                    {% if a.descrizione %}<div class="meta">{{ a.descrizione }}</div>{% endif %}
                </span>
                <form class="inline-form" method="post"
                      action="{{ url_for('inquilini.elimina_allegato', inquilino_id=inquilino.id, allegato_id=a.id) }}"
                      data-confirm="Eliminare questo documento?">
                    <button class="btn btn-sm btn-ghost" type="submit">Elimina</button>
                </form>
            </li>
            {% endfor %}
        </ul>
        {% else %}<div class="empty" style="padding:10px;">Nessun documento caricato.</div>{% endif %}
        <form method="post" action="{{ url_for('inquilini.carica_allegato', inquilino_id=inquilino.id) }}"
              enctype="multipart/form-data">
            <div class="form-grid">
                <div class="field"><label>Aggiungi documento (PDF, immagine, ecc.)</label>
                    <input type="file" name="allegato" required></div>
                <div class="field"><label>Descrizione (facoltativa)</label>
                    <input type="text" name="descrizione"></div>
            </div>
            <button class="btn btn-secondary mt" type="submit">📎 Carica documento</button>
        </form>
    </div>
</div>
{% endif %}
{% endblock %}