{% extends 'backoffice/base.html' %}

{% block title %}Backoffice{% endblock %}

{% block main %}
  <h1 class="text-2xl font-semibold mb-6">Backoffice</h1>

  <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
    {% for section in sections %}
      <a href="{% url section.url_name %}" class="card bg-base-100 border border-base-300 shadow-sm hover:shadow-md transition-shadow">
        <div class="card-body">
          <h2 class="card-title">{{ section.label }}</h2>
        </div>
      </a>
    {% endfor %}
  </div>
{% endblock %}