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

{% block contenuto %}
<div class="toolbar">
    <form class="search" method="get" action="{{ url_for('immobili.lista') }}">
        <input type="text" name="q" value="{{ cerca }}" placeholder="Cerca per nome o indirizzo…">
        <input type="hidden" name="stato" value="{{ filtro }}">
        <button class="btn btn-secondary" type="submit">Cerca</button>
    </form>
    <span class="spacer"></span>
    <div class="filters">
        <a href="{{ url_for('immobili.lista', stato='attivi', q=cerca) }}" class="{{ 'active' if filtro=='attivi' }}">Attivi</a>
        <a href="{{ url_for('immobili.lista', stato='archiviati', q=cerca) }}" class="{{ 'active' if filtro=='archiviati' }}">Archiviati</a>
        <a href="{{ url_for('immobili.lista', stato='tutti', q=cerca) }}" class="{{ 'active' if filtro=='tutti' }}">Tutti</a>
    </div>
</div>

<div class="card">
    <div class="card-body tight">
    {% if immobili %}
    <div class="table-wrap">
    <table class="data">
        <thead>
            <tr>
                <th>Nome</th><th>Indirizzo</th><th>Tipo</th>
                <th>Contratto attivo</th><th class="num">Canone</th><th>Stato</th><th></th>
            </tr>
        </thead>
        <tbody>
            {% for im in immobili %}
            <tr class="clickable" data-href="{{ url_for('immobili.dettaglio', immobile_id=im.id) }}">
                <td><strong>{{ im.nome }}</strong></td>
                <td>{{ im.indirizzo }} {{ im.civico }}, {{ im.citta }} ({{ im.provincia }})</td>
                <td>{{ im.tipo_immobile | replace('_', ' ') | capitalize }}</td>
                <td>
                    {% if im.contratto_id %}
                        <span class="pill pill-green">Sì — {{ im.tipo_contratto }}</span>
                    {% else %}
                        <span class="pill">No</span>
                    {% endif %}
                </td>
                <td class="num">{{ (im.canone_mensile | euro) if im.canone_mensile else '—' }}</td>
                <td>
                    {% if im.attivo %}<span class="stato verde">Attivo</span>
                    {% else %}<span class="stato grigio">Archiviato</span>{% endif %}
                </td>
                <td class="nowrap text-right">
                    <a class="btn btn-sm btn-secondary" href="{{ url_for('immobili.modifica', immobile_id=im.id) }}">Modifica</a>
                    <form class="inline-form" method="post" action="{{ url_for('immobili.archivia', immobile_id=im.id) }}"
                          data-confirm="Confermi l'operazione su questo immobile?">
                        <button class="btn btn-sm btn-ghost" type="submit">{{ 'Riattiva' if not im.attivo else 'Archivia' }}</button>
                    </form>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    </div>
    {% else %}
    <div class="empty">Nessun immobile trovato. Clicca su «Nuovo immobile» per aggiungerne uno.</div>
    {% endif %}
    </div>
</div>
{% endblock %}