{% extends "base.html" %}
{% block titolo %}Calendario disponibilità{% endblock %}
{% block intestazione %}Calendario disponibilità affitti brevi{% endblock %}
{% block azioni %}
    <a class="btn btn-secondary" href="{{ url_for('alloggiati.lista') }}">← Soggiorni</a>
    <a class="btn" href="{{ url_for('alloggiati.nuovo') }}">+ Nuovo soggiorno</a>
{% endblock %}

{% block contenuto %}
<div class="card">
    <div class="card-body">
        <div class="cal-head">
            <a class="btn btn-ghost btn-sm" href="{{ url_for('alloggiati.calendario', anno=mese_prec[0], mese=mese_prec[1]) }}">‹ Mese prec.</a>
            <h3>{{ nome_mese }} {{ anno }}</h3>
            <a class="btn btn-ghost btn-sm" href="{{ url_for('alloggiati.calendario', anno=mese_succ[0], mese=mese_succ[1]) }}">Mese succ. ›</a>
        </div>

        {% if immobili %}
        <div class="table-wrap">
            <table class="occ">
                <thead>
                    <tr>
                        <th class="occ-imm">Immobile</th>
                        {% for g in giorni %}
                        <th class="{{ 'occ-today' if g == oggi_giorno }}">{{ g }}</th>
                        {% endfor %}
                    </tr>
                </thead>
                <tbody>
                    {% for im in immobili %}
                    <tr>
                        <td class="occ-imm">{{ im.nome }}</td>
                        {% for g in giorni %}
                        {% set lab = occ[im.id].get(g) %}
                        <td class="{{ 'occ-busy' if lab else 'occ-free' }}"
                            title="{{ im.nome }} - {{ g }}/{{ '%02d'|format(mese) }}: {{ lab if lab else 'Libero' }}"></td>
                        {% endfor %}
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <p class="muted mt">
            <span class="occ-legend occ-free"></span> Libero &nbsp;&nbsp;
            <span class="occ-legend occ-busy"></span> Occupato &nbsp;&nbsp;
            (passa il mouse su una cella per i dettagli)
        </p>
        {% else %}
        <div class="empty">Nessun immobile attivo. Aggiungi prima un immobile.</div>
        {% endif %}
    </div>
</div>
{% endblock %}