{% extends "common/base.html" %}

{% block title %}Rooms - DocuPulse{% endblock %}

{% block extra_css %}
<link href="{{ url_for('static', filename='css/rooms.css') }}" rel="stylesheet" />
{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="row mb-4">
        <div class="col">
            <h2>Rooms</h2>
        </div>
        <div class="col text-end">
            <a href="{{ url_for('rooms.create_room') }}" class="btn btn-primary">
                <i class="fas fa-plus"></i> New Room
            </a>
        </div>
    </div>

    {% from "components/room_search.html" import room_search %}
    {{ room_search(search) }}

    <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
        {% from "components/room_card.html" import room_card %}
        {% from "components/delete_room_modal.html" import delete_room_modal %}
        
        {% for room in rooms %}
            {{ room_card(room, current_user) }}
            {% if current_user.is_admin %}
                {{ delete_room_modal(room) }}
            {% endif %}
        {% endfor %}
    </div>
</div>
{% endblock %}

{% block extra_js %}
<script src="{{ url_for('static', filename='js/rooms.js') }}"></script>
{% endblock %}