{% extends "base.html" %} {% block title %}Menu - Bolsa{% endblock %} {% block
header_title %}Tableau de bord{% endblock %} {% block content %}
<div class="flex flex-col items-center justify-center py-6">
  <!-- Box centrée principale -->
  <div
    class="bg-gray-900 border border-gray-800 p-8 rounded-2xl shadow-2xl w-full max-w-4xl text-center"
  >
    <!-- Titre et sous-titre -->
    <h2 class="text-3xl font-extrabold text-white mb-2">Espace de gestion</h2>
    <p class="text-gray-400 text-sm mb-8">
      Accédez aux fonctions clés de l'application financière.
    </p>

    <!-- Grille principale : 2 colonnes pour les boutons -->
    <div class="grid grid-cols-1 md:grid-cols-2 gap-5 mb-8">
      <!-- btn 1 -->
      <a
        href="{{ url_for('main.gestion_actions') }}"
        class="py-6 px-6 bg-gray-950 hover:bg-blue-600/30 border-2 border-gray-800 hover:border-blue-500 rounded-xl text-white text-lg font-bold tracking-wide transition-all duration-200 flex items-center justify-center shadow-lg hover:scale-[1.01]"
      >
        1. Gérer les actions
      </a>

      <!-- btn 2 -->
      <a
        href="{{ url_for('main.gestion_ordres') }}"
        class="py-6 px-6 bg-gray-950 hover:bg-blue-600/30 border-2 border-gray-800 hover:border-blue-500 rounded-xl text-white text-lg font-bold tracking-wide transition-all duration-200 flex items-center justify-center shadow-lg hover:scale-[1.01]"
      >
        2. Ordres
      </a>

      <!-- btn 3 -->
      <a
        href="#"
        class="py-6 px-6 bg-gray-950 hover:bg-blue-600/30 border-2 border-gray-800 hover:border-blue-500 rounded-xl text-white text-lg font-bold tracking-wide transition-all duration-200 flex items-center justify-center shadow-lg hover:scale-[1.01]"
      >
        3. Comptes
      </a>

      <!-- btn 4 -->
      <a
        href="{{ url_for('main.gestion_societes') }}"
        class="py-6 px-6 bg-gray-950 hover:bg-blue-600/30 border-2 border-gray-800 hover:border-blue-500 rounded-xl text-white text-lg font-bold tracking-wide transition-all duration-200 flex items-center justify-center shadow-lg hover:scale-[1.01]"
      >
        4. Gestion sociétés
      </a>

      <!-- btn 5 -->
      <a
        href="{{ url_for('main.gestion_utilisateurs') }}"
        class="py-6 px-6 bg-gray-950 hover:bg-blue-600/30 border-2 border-gray-800 hover:border-blue-500 rounded-xl text-white text-lg font-bold tracking-wide transition-all duration-200 flex items-center justify-center shadow-lg hover:scale-[1.01]"
      >
        5. Gestion utilisateurs
      </a>

      <!-- btn 6 -->
      <a
        href="#"
        class="py-6 px-6 bg-gray-950 hover:bg-blue-600/30 border-2 border-gray-800 hover:border-blue-500 rounded-xl text-white text-lg font-bold tracking-wide transition-all duration-200 flex items-center justify-center shadow-lg hover:scale-[1.01]"
      >
        6. Stat historique
      </a>

      <!-- btn 7 -->
      <a
        href="{{ url_for('main.gestion_import_export_actions_csv') }}"
        class="py-6 px-6 bg-gray-950 hover:bg-blue-600/30 border-2 border-gray-800 hover:border-blue-500 rounded-xl text-white text-lg font-bold tracking-wide transition-all duration-200 flex items-center justify-center shadow-lg hover:scale-[1.01]"
      >
        7. Import/Export Actions CSV
      </a>

      <!-- btn 8 -->
      <a
        href="#"
        class="py-6 px-6 bg-gray-950 hover:bg-blue-600/30 border-2 border-gray-800 hover:border-blue-500 rounded-xl text-white text-lg font-bold tracking-wide transition-all duration-200 flex items-center justify-center shadow-lg hover:scale-[1.01]"
      >
        8. Import historique CSV
      </a>
    </div>

    <!-- Pied de formulaire interne -->
    <div class="border-t border-gray-800 pt-4 text-xs text-gray-400 italic">
      Positions en bourse : Accès sécurisé. Veillez à fermer votre session après
      chaque utilisation.
    </div>
  </div>
</div>

{% endblock %}