Files
BoursePython/app/templates/menu.html
T
2026-07-24 14:38:35 +02:00

90 lines
3.8 KiB
HTML

{% 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="#"
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="#"
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 %}