{% extends "base.html" %}
{% block titolo %}Ospiti — Gestione Affitti{% endblock %}
{% block intestazione %}Ospiti (affitti brevi){% endblock %}
{% block azioni %}<a class="btn" href="{{ url_for('ospiti.nuovo') }}">+ Nuovo ospite</a>{% endblock %}

{% block contenuto %}
<div class="toolbar">
    <form class="search" method="get" action="{{ url_for('ospiti.lista') }}">
        <input type="text" name="q" value="{{ cerca }}" placeholder="Cerca per cognome, nome o documento…">
        <button class="btn btn-secondary" type="submit">Cerca</button>
    </form>
</div>

<div class="card"><div class="card-body tight">
{% if ospiti %}
<div class="table-wrap"><table class="data">
    <thead><tr><th>Cognome e nome</th><th>Data nascita</th><th>Documento</th><th></th></tr></thead>
    <tbody>
    {% for o in ospiti %}
    <tr>
        <td><strong>{{ o.cognome }} {{ o.nome }}</strong> <span class="muted">({{ 'M' if o.sesso=='M' else 'F' }})</span></td>
        <td>{{ o.data_nascita | data_it }}</td>
        <td>{{ o.tipo_documento }} {{ o.numero_documento }}</td>
        <td class="nowrap text-right">
            <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('ospiti.elimina', ospite_id=o.id) }}"
                  data-confirm="Eliminare questo ospite?">
                <button class="btn btn-sm btn-ghost" type="submit">Elimina</button>
            </form>
        </td>
    </tr>
    {% endfor %}
    </tbody>
</table></div>
{% else %}<div class="empty">Nessun ospite registrato.</div>{% endif %}
</div></div>
{% endblock %}