{% extends "/coulisses/base.html.twig" %}

{% block content %}
<div class="page-main">

    <div class="page-header">
        <h1>Chambres</h1>
    </div>

    {% if rooms is empty %}
    <p class="empty">Aucune chambre trouvée.</p>
    {% else %}
    <div class="rooms-grid">
        {% for room in rooms %}
        <a href="/coulisses/chambres/{{ room.slug }}" class="room-card">
            <span
                class="room-card__status {{ room.is_active ? 'room-card__status--active' : 'room-card__status--inactive' }}"
                title="{{ room.is_active ? 'Active' : 'Inactive' }}"
            ></span>
            <div class="room-card__body">
                <div class="room-card__name">{{ room.name }}</div>
                <div class="room-card__slug">{{ room.slug }}</div>
                <div class="room-card__meta">
                    {% if room.surface %}
                    <span class="badge badge-info">{{ room.surface }} m²</span>
                    {% endif %}
                    {% if room.base_price %}
                    <span class="badge badge-info">{{ room.base_price }} €</span>
                    {% endif %}
                </div>
            </div>
            <div class="room-card__footer">Modifier →</div>
        </a>
        {% endfor %}
    </div>
    {% endif %}

</div>
{% endblock %}