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

{% block contenuto %}
<div class="toolbar">
    <span class="spacer"></span>
    <div class="filters">
        <a href="{{ url_for('contratti.lista', stato='tutti') }}" class="{{ 'active' if filtro=='tutti' }}">Tutti</a>
        <a href="{{ url_for('contratti.lista', stato='attivo') }}" class="{{ 'active' if filtro=='attivo' }}">Attivi</a>
        <a href="{{ url_for('contratti.lista', stato='scaduto') }}" class="{{ 'active' if filtro=='scaduto' }}">Scaduti</a>
        <a href="{{ url_for('contratti.lista', stato='rescisso') }}" class="{{ 'active' if filtro=='rescisso' }}">Rescissi</a>
    </div>
</div>

<div class="card"><div class="card-body tight">
{% if contratti %}
<div class="table-wrap"><table class="data">
    <thead><tr>
        <th>Immobile</th><th>Conduttore</th><th>Tipo</th><th>Periodo</th>
        <th class="num">Canone</th><th>Regime</th><th>Stato</th><th></th>
    </tr></thead>
    <tbody>
    {% for c in contratti %}
    <tr class="clickable" data-href="{{ url_for('contratti.dettaglio', contratto_id=c.id) }}">
        <td><strong>{{ c.immobile }}</strong></td>
        <td>{{ c.conduttori or '—' }}</td>
        <td>{{ c.tipo_contratto }}</td>
        <td class="nowrap">{{ c.data_inizio | data_it }}<br>{{ c.data_fine | data_it }}</td>
        <td class="num">{{ c.canone_mensile | euro }}</td>
        <td>{{ c.regime_fiscale | replace('_',' ') }}</td>
        <td>
            {% if c.stato_visuale == 'verde' %}<span class="stato verde">Attivo</span>
            {% elif c.stato_visuale == 'giallo' %}<span class="stato giallo">In scadenza</span>
            {% elif c.stato_visuale == 'rosso' %}<span class="stato rosso">Scaduto</span>
            {% else %}<span class="stato grigio">Rescisso</span>{% endif %}
        </td>
        <td class="text-right">
            <a class="btn btn-sm btn-secondary" href="{{ url_for('contratti.dettaglio', contratto_id=c.id) }}">Dettaglio</a>
        </td>
    </tr>
    {% endfor %}
    </tbody>
</table></div>
{% else %}<div class="empty">Nessun contratto. Clicca su «Nuovo contratto» per crearne uno.</div>{% endif %}
</div></div>
{% endblock %}