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

{% block contenuto %}
{% set nato_italia = (not ospite) or (ospite.provincia_nascita != 'EE' and not ospite.stato_nascita_cod) %}
{% set azione = url_for('ospiti.salva', ospite_id=ospite.id) if ospite else url_for('ospiti.salva') %}
<form method="post" action="{{ azione }}">
{% if ritorno %}<input type="hidden" name="ritorno" value="{{ ritorno }}">{% endif %}
{% if soggiorno_id %}<input type="hidden" name="soggiorno_id" value="{{ soggiorno_id }}">{% endif %}
<div class="card"><div class="card-body">

    <div class="notice info">I campi contrassegnati con <span class="req">*</span> sono obbligatori
        per la comunicazione ad Alloggiati Web.</div>

    <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" maxlength="50" required value="{{ ospite.cognome or '' }}"></div>
            <div class="field"><label>Nome <span class="req">*</span></label>
                <input type="text" name="nome" maxlength="30" required value="{{ ospite.nome or '' }}"></div>
            <div class="field"><label>Sesso <span class="req">*</span></label>
                <div class="radio-group" style="padding-top:6px;">
                    <label><input type="radio" name="sesso" value="M" {{ 'checked' if not ospite or ospite.sesso=='M' }}> Maschio</label>
                    <label><input type="radio" name="sesso" value="F" {{ 'checked' if ospite and ospite.sesso=='F' }}> Femmina</label>
                </div></div>
            <div class="field"><label>Data di nascita <span class="req">*</span></label>
                <input type="date" name="data_nascita" required value="{{ ospite.data_nascita or '' }}"></div>
            <div class="field full">
                <label class="checkbox-row"><input type="checkbox" id="nato_italia" name="nato_italia" value="1" {{ 'checked' if nato_italia }}> Nato in Italia</label>
            </div>
        </div>

        <!-- Nato in Italia -->
        <div id="sec-italia" class="form-grid" style="margin-top:8px;">
            <div class="field"><label>Comune di nascita <span class="req">*</span></label>
                <input type="text" name="comune_nascita_nome" list="dl-comuni"
                       data-comune-lookup data-target-cod="comune_nascita_cod" data-target-prov="prov_nascita_it"
                       value="{{ ospite.comune_nascita_nome or '' }}" placeholder="Digita per cercare…">
                <datalist id="dl-comuni"></datalist>
                <span class="hint">Tutti i comuni italiani sono precaricati: digita il nome e
                    seleziona dall'elenco (codice e provincia si compilano da soli).</span></div>
            <div class="field"><label>Codice comune (Alloggiati) <span class="req">*</span></label>
                <input type="text" id="comune_nascita_cod" name="comune_nascita_cod" maxlength="9"
                       value="{{ ospite.comune_nascita_cod or '' }}" placeholder="es. 405028001"></div>
            <div class="field"><label>Provincia di nascita <span class="req">*</span></label>
                <select id="prov_nascita_it" name="provincia_nascita">
                    <option value="">—</option>
                    {% for sigla, nome in province %}
                    <option value="{{ sigla }}" {{ 'selected' if ospite and ospite.provincia_nascita == sigla }}>{{ sigla }}</option>
                    {% endfor %}
                </select></div>
        </div>

        <!-- Nato all'estero -->
        <div id="sec-estero" class="form-grid" style="margin-top:8px; display:none;">
            <div class="field"><label>Stato di nascita <span class="req">*</span></label>
                <select name="stato_nascita_cod">
                    <option value="">—</option>
                    {% for s in stati %}
                    <option value="{{ s.codice }}" {{ 'selected' if ospite and ospite.stato_nascita_cod == s.codice }}>{{ s.nome_stato }}</option>
                    {% endfor %}
                </select>
                <span class="hint">Se lo Stato non è in elenco, importa i codici in Impostazioni.</span></div>
        </div>
    </div>

    <div class="form-section">
        <h3>Cittadinanza e documento</h3>
        <div class="form-grid">
            <div class="field"><label>Cittadinanza <span class="req">*</span></label>
                <select name="cittadinanza_cod" required>
                    {% for s in stati %}
                    <option value="{{ s.codice }}"
                        {{ 'selected' if (ospite and ospite.cittadinanza_cod == s.codice) or (not ospite and s.codice == cod_italia) }}>
                        {{ s.nome_stato }}</option>
                    {% endfor %}
                </select></div>
            <div class="field"><label>Tipo documento <span class="req">*</span></label>
                <select name="tipo_documento" required>
                    <option value="">—</option>
                    {% for cod, desc in tipi_doc %}
                    <option value="{{ cod }}" {{ 'selected' if ospite and ospite.tipo_documento == cod }}>{{ desc }}</option>
                    {% endfor %}
                </select></div>
            <div class="field"><label>Numero documento <span class="req">*</span></label>
                <input type="text" name="numero_documento" maxlength="20" required
                       value="{{ ospite.numero_documento or '' }}"></div>
            <div class="field"><label>Luogo rilascio (codice)</label>
                <input type="text" name="luogo_rilascio_cod" maxlength="9"
                       value="{{ ospite.luogo_rilascio_cod or '' }}"
                       placeholder="Codice Belfiore o stato"></div>
            <div class="field"><label>Data rilascio documento</label>
                <input type="date" name="data_rilascio_doc" value="{{ ospite.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="{{ ospite.telefono or '' }}"></div>
            <div class="field"><label>Email</label>
                <input type="email" name="email" value="{{ ospite.email or '' }}"></div>
            <div class="field full"><label>Note</label>
                <textarea name="note">{{ ospite.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('ospiti.lista') }}">Annulla</a>
    </div>
</div></div>
</form>

{% if ospite %}
<div class="card">
    <div class="card-head"><h2>📎 Documenti dell'ospite</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('ospiti.apri_allegato_json', allegato_id=a.id) }}', '{{ url_for('ospiti.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('ospiti.elimina_allegato', ospite_id=ospite.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('ospiti.carica_allegato', ospite_id=ospite.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 %}