|
|
<!doctype html> |
|
|
<html lang="fr"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
<title> |
|
|
{% block title %}Administration{% endblock %} - {{ app_name }} |
|
|
</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link |
|
|
rel="stylesheet" |
|
|
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" |
|
|
/> |
|
|
<style> |
|
|
body { |
|
|
font-family: |
|
|
"Inter", |
|
|
system-ui, |
|
|
-apple-system, |
|
|
sans-serif; |
|
|
} |
|
|
.sidebar-link { |
|
|
transition: all 0.2s ease; |
|
|
} |
|
|
.sidebar-link:hover { |
|
|
background-color: rgba(234, 179, 8, 0.1); |
|
|
border-left-color: #eab308; |
|
|
} |
|
|
.sidebar-link.active { |
|
|
background-color: rgba(234, 179, 8, 0.15); |
|
|
border-left-color: #eab308; |
|
|
color: #eab308; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-900 text-gray-100 min-h-screen"> |
|
|
<div class="flex min-h-screen"> |
|
|
|
|
|
<aside |
|
|
class="w-64 bg-gray-800 border-r border-gray-700 fixed h-full" |
|
|
> |
|
|
|
|
|
<div class="p-6 border-b border-gray-700"> |
|
|
<div class="flex items-center space-x-3"> |
|
|
{% if app_logo %} |
|
|
<img |
|
|
src="{{ app_logo }}" |
|
|
alt="{{ app_name }}" |
|
|
class="w-10 h-10 rounded-lg" |
|
|
/> |
|
|
{% else %} |
|
|
<div |
|
|
class="w-10 h-10 bg-gradient-to-br from-yellow-400 to-yellow-600 rounded-lg flex items-center justify-center" |
|
|
> |
|
|
<i class="fas fa-cog text-white text-lg"></i> |
|
|
</div> |
|
|
{% endif %} |
|
|
<div> |
|
|
<h1 class="text-lg font-bold text-yellow-400"> |
|
|
{{ app_name }} |
|
|
</h1> |
|
|
<p class="text-xs text-gray-400">Administration</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<nav class="p-4 space-y-2"> |
|
|
<a |
|
|
href="{{ url_for('admin_panel.dashboard') }}" |
|
|
class="sidebar-link flex items-center px-4 py-3 rounded-lg border-l-4 border-transparent text-gray-300 hover:text-yellow-400 {% if request.endpoint == 'admin_panel.dashboard' %}active{% endif %}" |
|
|
> |
|
|
<i class="fas fa-tachometer-alt w-5 mr-3"></i> |
|
|
Tableau de Bord |
|
|
</a> |
|
|
|
|
|
<a |
|
|
href="{{ url_for('admin_panel.users') }}" |
|
|
class="sidebar-link flex items-center px-4 py-3 rounded-lg border-l-4 border-transparent text-gray-300 hover:text-yellow-400 {% if 'users' in request.endpoint or 'user_detail' in request.endpoint %}active{% endif %}" |
|
|
> |
|
|
<i class="fas fa-users w-5 mr-3"></i> |
|
|
Utilisateurs |
|
|
</a> |
|
|
|
|
|
<a |
|
|
href="{{ url_for('admin_panel.withdrawals') }}" |
|
|
class="sidebar-link flex items-center px-4 py-3 rounded-lg border-l-4 border-transparent text-gray-300 hover:text-yellow-400 {% if 'withdrawal' in request.endpoint %}active{% endif %}" |
|
|
> |
|
|
<i class="fas fa-money-bill-wave w-5 mr-3"></i> |
|
|
Retraits {% if pending_withdrawals_count is defined and |
|
|
pending_withdrawals_count > 0 %} |
|
|
<span |
|
|
class="ml-auto bg-red-500 text-white text-xs font-bold px-2 py-1 rounded-full" |
|
|
>{{ pending_withdrawals_count }}</span |
|
|
> |
|
|
{% endif %} |
|
|
</a> |
|
|
|
|
|
<a |
|
|
href="{{ url_for('admin_panel.transactions') }}" |
|
|
class="sidebar-link flex items-center px-4 py-3 rounded-lg border-l-4 border-transparent text-gray-300 hover:text-yellow-400 {% if request.endpoint == 'admin_panel.transactions' %}active{% endif %}" |
|
|
> |
|
|
<i class="fas fa-exchange-alt w-5 mr-3"></i> |
|
|
Transactions |
|
|
</a> |
|
|
|
|
|
<a |
|
|
href="{{ url_for('admin_panel.referral_commissions') }}" |
|
|
class="sidebar-link flex items-center px-4 py-3 rounded-lg border-l-4 border-transparent text-gray-300 hover:text-yellow-400 {% if 'referral_commissions' in request.endpoint %}active{% endif %}" |
|
|
> |
|
|
<i class="fas fa-share-nodes w-5 mr-3"></i> |
|
|
Commissions Parrainage |
|
|
</a> |
|
|
|
|
|
<a |
|
|
href="{{ url_for('admin_panel.metals') }}" |
|
|
class="sidebar-link flex items-center px-4 py-3 rounded-lg border-l-4 border-transparent text-gray-300 hover:text-yellow-400 {% if 'metals' in request.endpoint %}active{% endif %}" |
|
|
> |
|
|
<i class="fas fa-gem w-5 mr-3"></i> |
|
|
Plans / Métaux |
|
|
</a> |
|
|
|
|
|
<div class="pt-4 mt-4 border-t border-gray-700"> |
|
|
<p |
|
|
class="px-4 text-xs text-gray-500 uppercase tracking-wider mb-2" |
|
|
> |
|
|
Configuration |
|
|
</p> |
|
|
|
|
|
<a |
|
|
href="{{ url_for('admin_panel.settings') }}" |
|
|
class="sidebar-link flex items-center px-4 py-3 rounded-lg border-l-4 border-transparent text-gray-300 hover:text-yellow-400 {% if 'settings' in request.endpoint %}active{% endif %}" |
|
|
> |
|
|
<i class="fas fa-sliders-h w-5 mr-3"></i> |
|
|
Paramètres Généraux |
|
|
</a> |
|
|
|
|
|
<a |
|
|
href="{{ url_for('admin_tasks.list_tasks') }}" |
|
|
class="sidebar-link flex items-center px-4 py-3 rounded-lg border-l-4 border-transparent text-gray-300 hover:text-yellow-400 {% if 'tasks' in request.endpoint %}active{% endif %}" |
|
|
> |
|
|
<i class="fas fa-clock w-5 mr-3"></i> |
|
|
Tâches Planifiées |
|
|
</a> |
|
|
</div> |
|
|
</nav> |
|
|
|
|
|
|
|
|
<div |
|
|
class="absolute bottom-0 left-0 right-0 p-4 border-t border-gray-700" |
|
|
> |
|
|
<a |
|
|
href="{{ url_for('main.index') }}" |
|
|
class="flex items-center px-4 py-2 text-gray-400 hover:text-yellow-400 transition-colors" |
|
|
> |
|
|
<i class="fas fa-arrow-left w-5 mr-3"></i> |
|
|
Retour au Site |
|
|
</a> |
|
|
</div> |
|
|
</aside> |
|
|
|
|
|
|
|
|
<div class="flex-1 ml-64"> |
|
|
|
|
|
<header |
|
|
class="bg-gray-800 border-b border-gray-700 px-8 py-4 sticky top-0 z-10" |
|
|
> |
|
|
<div class="flex items-center justify-between"> |
|
|
<h2 class="text-xl font-semibold text-white"> |
|
|
{% block page_title %}Administration{% endblock %} |
|
|
</h2> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<span class="text-sm text-gray-400"> |
|
|
<i |
|
|
class="fas fa-shield-alt mr-2 text-green-400" |
|
|
></i> |
|
|
Accès Administration |
|
|
</span> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
{% with messages = get_flashed_messages(with_categories=true) %} |
|
|
{% if messages %} |
|
|
<div class="px-8 pt-4"> |
|
|
{% for category, message in messages %} |
|
|
<div |
|
|
class="mb-4 p-4 rounded-lg {% if category == 'error' %}bg-red-900/50 border border-red-600 text-red-200{% elif category == 'success' %}bg-green-900/50 border border-green-600 text-green-200{% elif category == 'warning' %}bg-yellow-900/50 border border-yellow-600 text-yellow-200{% else %}bg-blue-900/50 border border-blue-600 text-blue-200{% endif %}" |
|
|
> |
|
|
<div class="flex items-center"> |
|
|
<i |
|
|
class="fas {% if category == 'error' %}fa-exclamation-circle{% elif category == 'success' %}fa-check-circle{% elif category == 'warning' %}fa-exclamation-triangle{% else %}fa-info-circle{% endif %} mr-3" |
|
|
></i> |
|
|
{{ message }} |
|
|
</div> |
|
|
</div> |
|
|
{% endfor %} |
|
|
</div> |
|
|
{% endif %} {% endwith %} |
|
|
|
|
|
|
|
|
<main class="p-8">{% block content %}{% endblock %}</main> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
{% block scripts %}{% endblock %} |
|
|
</body> |
|
|
</html> |
|
|
|
