{% extends "layouts/main.html" %}

{% block main %}
  <div class="container-fluid my-4 px-4">
    <div class="mb-4">
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="/">Accueil</a></li>
          <li class="breadcrumb-item active">Administration</li>
        </ol>
      </nav>
      <hr />
    </div>

    <div class="row mw-900">
      <div class="col-12">
        <a class="dashboard-tile" href="/admin/sections">
          <div class="alert alert-primary">
            <div class="row align-items-center">
              <div class="col-12 text-center text-md-start col-md-6">
                <i class="bi-building me-2"></i>
                Gestion des sections
              </div>
              <div class="col text-center text-md-end fs-1">
                {{ SectionsCount }}
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12">
        <a class="dashboard-tile" href="/admin/lists">
          <div class="alert alert-primary">
            <div class="row align-items-center">
              <div class="col-12 text-center text-md-start col-md-6">
                <i class="bi-list-check me-2"></i>
                Gestion des listes
              </div>
              <div class="col text-center text-md-end fs-1">
                {{ ListsCount }}
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12">
        <a class="dashboard-tile" href="/admin/fields">
          <div class="alert alert-primary">
            <div class="row align-items-center">
              <div class="col-12 text-center text-md-start col-md-6">
                <i class="bi-database-add me-2"></i>
                Gestion des champs supplémentaires
              </div>
              <div class="col text-center text-md-end fs-1">
                {{ FieldsCount }}
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12">
        <a class="dashboard-tile" href="/admin/users">
          <div class="alert alert-primary">
            <div class="row align-items-center">
              <div class="col-12 text-center text-md-start col-md-6">
                <i class="bi-person-square me-2"></i>
                Gestion des utilisateurs
              </div>
              <div class="col text-center text-md-end fs-1">
                {{ UsersCount }}
              </div>
            </div>
          </div>
        </a>
      </div>

      <div class="col-12">
        <a class="dashboard-tile" href="/admin/roles">
          <div class="alert alert-primary">
            <div class="row align-items-center">
              <div class="col-12 text-center text-md-start col-md-6">
                <i class="bi-briefcase me-2"></i>
                Gestion des rôles
              </div>
              <div class="col text-center text-md-end fs-1">
                {{ RolesCount }}
              </div>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>
{% endblock %}