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

{% block contenuto %}
{% if primo_avvio %}
<div class="card" style="border-left:4px solid var(--primary);">
    <div class="card-head"><h3>👋 Benvenuto in Gestione Affitti</h3></div>
    <div class="card-body">
        <p class="muted">Bastano tre passi per iniziare. Puoi anche caricare dei dati di
            esempio per esplorare il programma senza inserire nulla.</p>
        <ol class="onboarding">
            <li><strong>I tuoi dati</strong> — nome, codice fiscale e indirizzo (servono sulle ricevute).
                <a class="btn btn-sm btn-secondary" href="{{ url_for('impostazioni.index') }}">⚙️ Compila i tuoi dati</a></li>
            <li><strong>Il primo immobile</strong> — l'appartamento o il locale che affitti.
                <a class="btn btn-sm btn-secondary" href="{{ url_for('immobili.nuovo') }}">🏠 Aggiungi immobile</a></li>
            <li><strong>Il primo contratto</strong> — collega immobile e inquilino: le rate si generano da sole.
                <a class="btn btn-sm btn-secondary" href="{{ url_for('contratti.nuovo') }}">📄 Crea contratto</a></li>
        </ol>
        <hr class="sep">
        <p class="muted">Preferisci dare un'occhiata prima di iniziare?</p>
        <form method="post" action="{{ url_for('impostazioni.dati_demo') }}">
            <button class="btn" type="submit">🧪 Carica dati di esempio</button>
        </form>
    </div>
</div>
{% elif not nome_proprietario %}
<div class="notice info">
    👋 Per le ricevute servono i tuoi dati: compilali in
    <a href="{{ url_for('impostazioni.index') }}">Impostazioni</a>.
</div>
{% endif %}

<!-- KPI -->
<div class="kpi-grid">
    <div class="kpi k-primary">
        <span class="kpi-icon">🏠</span>
        <div class="kpi-label">Immobili con contratto attivo</div>
        <div class="kpi-value">{{ kpi.immobili_attivi }}</div>
    </div>
    <div class="kpi k-green">
        <span class="kpi-icon">💶</span>
        <div class="kpi-label">Incasso mese corrente</div>
        <div class="kpi-value">{{ kpi.incasso_mese | euro }}</div>
    </div>
    <div class="kpi k-green">
        <span class="kpi-icon">📅</span>
        <div class="kpi-label">Incasso anno {{ anno_corrente }}</div>
        <div class="kpi-value">{{ kpi.incasso_anno | euro }}</div>
    </div>
    <div class="kpi k-amber">
        <span class="kpi-icon">🧮</span>
        <div class="kpi-label">Cedolare stimata {{ anno_corrente }}</div>
        <div class="kpi-value">{{ kpi.cedolare_stimata | euro }}</div>
    </div>
</div>

<div class="grid-2">
    <!-- Grafico incassi -->
    <div class="card">
        <div class="card-head"><h2>Incassi ultimi 12 mesi</h2></div>
        <div class="card-body">
            {% if grafico_max > 0 %}
            <div class="bars">
                {% for g in grafico %}
                <div class="bar-col">
                    <div class="bar" data-val="{{ g.valore | euro }}"
                         style="height: {{ (g.valore / grafico_max * 100) | round(1) }}%;"></div>
                    <div class="bar-label">{{ g.label }}</div>
                </div>
                {% endfor %}
            </div>
            {% else %}
            <div class="empty">Nessun incasso registrato. I dati appariranno qui appena registri i pagamenti.</div>
            {% endif %}
        </div>
    </div>

    <!-- Alert -->
    <div class="card">
        <div class="card-head"><h2>Scadenze e avvisi</h2></div>
        <div class="card-body tight">
            {% set vuoto = not (pagamenti_scaduti or pagamenti_prossimi or contratti_scadenza or alloggiati_urgenti) %}
            {% if vuoto %}
            <div class="empty">✅ Nessuna scadenza imminente. Tutto in ordine!</div>
            {% else %}
            <ul class="alert-list">
                {% for p in alloggiati_urgenti %}
                <li>
                    <span class="ico">🏛️</span>
                    <span class="txt"><strong>Alloggiati Web</strong> — {{ p.immobile }}
                        <div class="meta">Arrivo {{ p.data_arrivo | data_it }} • comunicazione alla Questura da inviare</div>
                    </span>
                    <a class="btn btn-sm btn-secondary" href="{{ url_for('alloggiati.dettaglio', soggiorno_id=p.id) }}">Apri</a>
                </li>
                {% endfor %}
                {% for p in pagamenti_scaduti[:6] %}
                <li>
                    <span class="ico">⚠️</span>
                    <span class="txt"><strong>Canone scaduto</strong> — {{ p.immobile }}
                        <div class="meta">Scaduto il {{ p.data_scadenza | data_it }} • {{ p.importo_dovuto | euro }}</div>
                    </span>
                    <a class="btn btn-sm" href="{{ url_for('pagamenti.registra_form', pagamento_id=p.id) }}">Registra</a>
                </li>
                {% endfor %}
                {% for p in pagamenti_prossimi[:6] %}
                <li>
                    <span class="ico">💶</span>
                    <span class="txt"><strong>Canone in scadenza</strong> — {{ p.immobile }}
                        <div class="meta">Scade il {{ p.data_scadenza | data_it }} • {{ p.importo_dovuto | euro }}</div>
                    </span>
                    <a class="btn btn-sm btn-secondary" href="{{ url_for('pagamenti.registra_form', pagamento_id=p.id) }}">Registra</a>
                </li>
                {% endfor %}
                {% for c in contratti_scadenza %}
                <li>
                    <span class="ico">📄</span>
                    <span class="txt"><strong>Contratto in scadenza</strong> — {{ c.immobile }}
                        <div class="meta">Scade il {{ c.data_fine | data_it }}</div>
                    </span>
                    <a class="btn btn-sm btn-secondary" href="{{ url_for('contratti.dettaglio', contratto_id=c.id) }}">Apri</a>
                </li>
                {% endfor %}
            </ul>
            {% endif %}
        </div>
    </div>
</div>
{% endblock %}