{% extends "base.html" %}
{% block titolo %}Inquilini — Gestione Affitti{% endblock %}
{% block intestazione %}Inquilini{% endblock %}
{% block azioni %}<a class="btn" href="{{ url_for('inquilini.nuovo') }}">+ Nuovo inquilino</a>{% endblock %}

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

<div class="card"><div class="card-body tight">
{% if inquilini %}
<div class="table-wrap"><table class="data">
    <thead><tr><th>Cognome e nome</th><th>Codice fiscale</th><th>Telefono</th><th>Email</th><th></th></tr></thead>
    <tbody>
    {% for inq in inquilini %}
    <tr>
        <td><strong>{{ inq.cognome }} {{ inq.nome }}</strong></td>
        <td>{{ inq.codice_fiscale or '—' }}</td>
        <td>{{ inq.telefono or '—' }}</td>
        <td>{{ inq.email or '—' }}</td>
        <td class="nowrap text-right">
            <a class="btn btn-sm btn-secondary" href="{{ url_for('inquilini.modifica', inquilino_id=inq.id) }}">Modifica</a>
            <form class="inline-form" method="post" action="{{ url_for('inquilini.elimina', inquilino_id=inq.id) }}"
                  data-confirm="Eliminare questo inquilino?">
                <button class="btn btn-sm btn-ghost" type="submit">Elimina</button>
            </form>
        </td>
    </tr>
    {% endfor %}
    </tbody>
</table></div>
{% else %}<div class="empty">Nessun inquilino registrato.</div>{% endif %}
</div></div>
{% endblock %}