{% extends 'bulma.html.twig' %}

{% block title %}Administration{% endblock %}

{% block content %}

    <nav class="breadcrumb has-arrow-separator" aria-label="breadcrumbs">
      <ul>
        <li><a href="{{ path('app_main') }}">Accueil</a></li>
        <li class="is-active"><a href="{{ path('app_admin') }}">Administration</a></li>
      </ul>
    </nav>

  <section class="section">



    <div class="container">
      <div class="columns">
        <!-- Colonne 1 -->
        <div class="column">
          <div class="box">
            <h2 class="title is-4">Application</h2>
            <p>Configuration de l'application.</p>
            <p><a href="#">Gérer l'application</a></p>
          </div>
        </div>
        <div class="column">
          <div class="box">
            <h2 class="title is-4">Utilisateurs</h2>
            <p>Gérer les comptes utilisateurs et les droits.</p>
            <p><a href="{{ path('app_admin_user') }}">Gérer les utilisateurs</a></p>
          </div>
        </div>
        <!-- Colonne 2 -->
        <div class="column">
          <div class="box">
            <h2 class="title is-4">Événements</h2>
            <p>Gérer les événements, plannifier et organiser.</p>
            <p><a href="#">Gérer les événements</a></p>
          </div>
        </div>
        <!-- Colonne 3 -->

      </div>
            <div class="columns">
        <!-- Colonne 1 -->
        <div class="column">
          <div class="box">
            <h2 class="title is-4">Genres</h2>
            <p>Gérer les genres et thématiques de jeux.</p>
            <p><a href="{{ path('app_admin_genre') }}">Gérer les genres</a></p>
          </div>
        </div>
        <!-- Colonne 2 -->
        <div class="column">
          <div class="box">
            <h2 class="title is-4">Jeux</h2>
            <p>Gérer les jeux et les ludothèques de l'association.</p>
            <p><a href="#">Gérer les jeux</a></p>
          </div>
        </div>
        <!-- Colonne 3 -->
        <div class="column">
          <div class="box">
            <h2 class="title is-4">Meneurs et meneuses de jeux</h2>
            <p>Gérer les meneurs et meneuses de jeux.</p>
            <p><a href="#">Gérer les MJ</a></p>
          </div>
        </div>
      </div>
    </div>
  </section>

{% endblock %}