{% extends "base.html" %}
{% block titolo %}Soggiorno — {{ s.immobile }}{% endblock %}
{% block intestazione %}Soggiorno — {{ s.immobile }}{% endblock %}
{% block azioni %}
    <a class="btn btn-secondary" href="{{ url_for('alloggiati.modifica', soggiorno_id=s.id) }}">✏️ Modifica</a>
{% endblock %}

{% block contenuto %}
<div class="grid-2">
  <div>
    <div class="card">
        <div class="card-head"><h2>Ospiti del soggiorno</h2>
            {% if s.alloggiati_inviato %}<span class="stato verde">Comunicato il {{ s.alloggiati_data | data_it }}</span>
            {% else %}<span class="stato rosso">Da comunicare</span>{% endif %}
        </div>
        <div class="card-body tight">
            {% if ospiti %}
            <div class="table-wrap"><table class="data">
                <thead><tr><th>Ospite</th><th>Ruolo</th><th>Nascita</th><th>Documento</th><th></th></tr></thead>
                <tbody>
                {% for o in ospiti %}
                <tr>
                    <td><strong>{{ o.cognome }} {{ o.nome }}</strong></td>
                    <td>
                        <form method="post" action="{{ url_for('alloggiati.cambia_tipo_ospite', soggiorno_id=s.id, ospite_id=o.id) }}" class="inline-form">
                            <select name="tipo_ospite" onchange="this.form.submit()" class="btn-sm">
                                {% for chiave, etichetta in ruoli %}
                                <option value="{{ chiave }}" {{ 'selected' if o.tipo_ospite==chiave }}>{{ etichetta }}</option>
                                {% endfor %}
                            </select>
                        </form>
                    </td>
                    <td>{{ o.data_nascita | data_it }}</td>
                    <td>{{ o.tipo_documento }} {{ o.numero_documento }}</td>
                    <td class="text-right nowrap">
                        <a class="btn btn-sm btn-secondary" href="{{ url_for('ospiti.modifica', ospite_id=o.id) }}">Modifica</a>
                        <form class="inline-form" method="post" action="{{ url_for('alloggiati.rimuovi_ospite', soggiorno_id=s.id, ospite_id=o.id) }}"
                              data-confirm="Rimuovere l'ospite dal soggiorno?">
                            <button class="btn btn-sm btn-ghost" type="submit">Rimuovi</button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
                </tbody>
            </table></div>
            {% else %}<div class="empty">Nessun ospite. Aggiungine almeno uno per generare il file.</div>{% endif %}
        </div>
        <div class="card-body" style="border-top:1px solid var(--border);">
            <div class="toolbar" style="margin:0;">
                <form method="post" action="{{ url_for('alloggiati.aggiungi_ospite', soggiorno_id=s.id) }}" class="search">
                    <select name="ospite_id" style="min-width:240px;">
                        <option value="">— scegli dall'anagrafica —</option>
                        {% for d in disponibili %}
                        <option value="{{ d.id }}">{{ d.cognome }} {{ d.nome }}</option>
                        {% endfor %}
                    </select>
                    <button class="btn btn-secondary" type="submit">+ Aggiungi</button>
                </form>
                <a class="btn btn-ghost" href="{{ url_for('ospiti.nuovo', ritorno='soggiorno', soggiorno_id=s.id) }}">+ Nuovo ospite</a>
            </div>
        </div>
    </div>

    {% if errori %}
    <div class="card">
        <div class="card-head"><h3>⚠️ Dati mancanti per Alloggiati Web</h3></div>
        <div class="card-body">
            <ul style="margin:0; padding-left:18px;">
                {% for e in errori %}<li class="pill-red" style="background:none; color:var(--red);">{{ e }}</li>{% endfor %}
            </ul>
        </div>
    </div>
    {% endif %}
  </div>

  <div>
    <div class="card">
        <div class="card-head"><h3>Dati soggiorno</h3></div>
        <div class="card-body">
            <dl class="dl">
                <dt>Arrivo</dt><dd>{{ s.data_arrivo | data_it }} ore {{ s.ora_arrivo }}</dd>
                <dt>Partenza</dt><dd>{{ s.data_partenza | data_it }}</dd>
                <dt>Notti</dt><dd>{{ s.numero_notti }}</dd>
                <dt>Ospiti</dt><dd>{{ s.numero_ospiti }}</dd>
                {% if s.canone_totale %}<dt>Canone</dt><dd>{{ s.canone_totale | euro }}</dd>{% endif %}
                {% if s.fonte_prenotazione %}<dt>Fonte</dt><dd>{{ s.fonte_prenotazione }}</dd>{% endif %}
            </dl>
        </div>
    </div>

    <div class="card">
        <div class="card-head"><h3>💶 Incasso canone</h3>
            {% if s.data_pagamento %}<span class="stato verde">Incassato</span>
            {% else %}<span class="stato giallo">Da incassare</span>{% endif %}
        </div>
        <div class="card-body">
            {% if s.data_pagamento %}
            <dl class="dl">
                <dt>Incassato il</dt><dd>{{ s.data_pagamento | data_it }}</dd>
                <dt>Importo</dt><dd><strong>{{ s.importo_pagato | euro }}</strong></dd>
                {% if s.metodo_pagamento %}<dt>Metodo</dt><dd>{{ s.metodo_pagamento }}</dd>{% endif %}
            </dl>
            <form method="post" action="{{ url_for('alloggiati.annulla_incasso', soggiorno_id=s.id) }}"
                  class="mt" data-confirm="Annullare l'incasso registrato?">
                <button class="btn btn-ghost btn-block" type="submit">Annulla incasso</button>
            </form>
            {% else %}
            <form method="post" action="{{ url_for('alloggiati.registra_incasso', soggiorno_id=s.id) }}">
                <div class="form-grid">
                    <div class="field"><label>Data incasso</label>
                        <input type="date" name="data_pagamento" value="{{ oggi }}"></div>
                    <div class="field"><label>Importo (€)</label>
                        <input type="number" step="0.01" min="0" name="importo_pagato" value="{{ s.canone_totale }}"></div>
                    <div class="field"><label>Metodo</label>
                        <select name="metodo_pagamento">{% for cod, et in metodi %}<option value="{{ cod }}">{{ et }}</option>{% endfor %}</select></div>
                    <div class="field"><label>Riferimento</label>
                        <input type="text" name="riferimento"></div>
                </div>
                <button class="btn btn-success btn-block mt" type="submit">✅ Registra incasso</button>
            </form>
            {% endif %}
        </div>
    </div>

    <div class="card">
        <div class="card-head"><h3>Stato soggiorno</h3>
            {% if s.stato == 'cancellato' %}<span class="stato grigio">Disdetto</span>
            {% else %}<span class="stato verde">{{ s.stato | capitalize }}</span>{% endif %}
        </div>
        <div class="card-body">
            {% if s.stato == 'cancellato' %}
            <p class="muted">Soggiorno disdetto: le date risultano <strong>libere</strong> nel calendario.</p>
            <form method="post" action="{{ url_for('alloggiati.riattiva', soggiorno_id=s.id) }}">
                <button class="btn btn-secondary btn-block" type="submit">Riattiva soggiorno</button>
            </form>
            {% else %}
            <p class="muted">Se la prenotazione salta, disdici il soggiorno: le date si liberano
                subito nel calendario occupazione e nello scadenzario.</p>
            <form method="post" action="{{ url_for('alloggiati.cancella', soggiorno_id=s.id) }}"
                  data-confirm="Disdire questo soggiorno? Le date torneranno libere.">
                <button class="btn btn-danger btn-block" type="submit">Disdici soggiorno</button>
            </form>
            {% endif %}
        </div>
    </div>

    <div class="card">
        <div class="card-head"><h3>Comunicazione Questura</h3></div>
        <div class="card-body">
            <p class="muted">Termine: entro <strong>{{ scadenza_ore }} ore</strong> dall'arrivo.</p>
            {% if errori %}
            <div class="notice">Completa i dati mancanti degli ospiti prima di generare il file.</div>
            {% endif %}
            <button type="button" class="btn btn-block"
                onclick="gaSalva('{{ url_for('alloggiati.genera_txt_json', soggiorno_id=s.id) }}', '{{ url_for('alloggiati.genera_txt', soggiorno_id=s.id) }}')">📄 Genera file TXT (apri cartella)</button>
            <button type="button" class="btn btn-secondary btn-block mt"
                onclick="gaApri('{{ url_for('alloggiati.pdf_dati', soggiorno_id=s.id) }}')">📋 PDF dati per inserimento manuale</button>
            <button type="button" class="btn btn-secondary btn-block mt"
                onclick="gaApriUrl('{{ portale_url }}')">🌐 Apri portale Alloggiati Web</button>

            {% if not s.alloggiati_inviato %}
            <form method="post" action="{{ url_for('alloggiati.segna_inviato', soggiorno_id=s.id) }}" class="mt"
                  data-confirm="Confermi di aver caricato il file sul portale della Polizia di Stato?">
                <button class="btn btn-success btn-block" type="submit">✅ Segna come inviato</button>
            </form>
            {% endif %}
            <p class="hint mt">Genera il file, caricalo sul portale, poi torna qui e segna come inviato.</p>
        </div>
    </div>
  </div>
</div>
{% endblock %}