{% extends "base.html" %}

{% block title %}Админ-панель — InviteMe{% endblock %}

{% block content %}
<div class="row mb-4">
    <div class="col">
        <h2>Админ-панель</h2>
        <p class="text-muted">Все разделы управления в одном месте</p>
    </div>
</div>

<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4">
    {% for card in cards %}
    <div class="col">
        <div class="card h-100 {% if card.disabled %}opacity-75{% endif %}">
            <div class="card-body">
                <div class="d-flex align-items-center mb-3">
                    <span style="font-size: 2rem; margin-right: 0.75rem;">{{ card.icon }}</span>
                    <h5 class="card-title mb-0">{{ card.title }}</h5>
                </div>
                <p class="card-text text-muted">{{ card.description }}</p>
                {% if card.disabled %}
                <a href="{{ card.url }}" class="btn btn-outline-secondary disabled">Сначала выберите мероприятие</a>
                {% else %}
                <a href="{{ card.url }}" class="btn btn-primary">{{ card.btn }}</a>
                {% endif %}
            </div>
        </div>
    </div>
    {% endfor %}
</div>
{% endblock %}