{% extends "base.html" %}

{% block title %}داشبورد مدیریت - {{ settings.site_name }}{% endblock %}

{% block content %}

<section style="padding:40px 0;">
    <div class="container">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px;">
            <h1 style="font-size:28px;color:#0d1b6b;">📊 داشبورد مدیریت</h1>
            <div style="display:flex;gap:10px;flex-wrap:wrap;">
                <a href="{{ url_for('admin_settings') }}" style="background:#0d1b6b;color:white;padding:10px 25px;border-radius:30px;">
                    <i class="fas fa-cog"></i> تنظیمات
                </a>
                <a href="{{ url_for('logout') }}" style="background:#e53935;color:white;padding:10px 25px;border-radius:30px;">
                    <i class="fas fa-sign-out-alt"></i> خروج
                </a>
            </div>
        </div>
        
        <!-- آمار -->
        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:30px;">
            <div style="background:white;padding:20px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.06);text-align:center;">
                <div style="font-size:28px;font-weight:900;color:#0d1b6b;">{{ stats.total_users|default(0)|persian_numbers }}</div>
                <div style="font-size:14px;color:#888;">کاربران</div>
            </div>
            <div style="background:white;padding:20px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.06);text-align:center;">
                <div style="font-size:28px;font-weight:900;color:#0d1b6b;">{{ stats.total_services|default(0)|persian_numbers }}</div>
                <div style="font-size:14px;color:#888;">خدمات</div>
            </div>
            <div style="background:white;padding:20px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.06);text-align:center;">
                <div style="font-size:28px;font-weight:900;color:#0d1b6b;">{{ stats.total_articles|default(0)|persian_numbers }}</div>
                <div style="font-size:14px;color:#888;">مقالات</div>
            </div>
            <div style="background:white;padding:20px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.06);text-align:center;">
                <div style="font-size:28px;font-weight:900;color:#25d366;">{{ stats.total_wallet|default(0)|persian_numbers }}</div>
                <div style="font-size:14px;color:#888;">مجموع کیف پول</div>
            </div>
        </div>
        
        <!-- اطلاعات کاربر -->
        <div style="background:white;padding:30px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.06);">
            <h3 style="color:#0d1b6b;margin-bottom:15px;">👤 اطلاعات ادمین</h3>
            <div style="display:grid;grid-template-columns:1fr 1fr;gap:15px;">
                <div><strong>نام:</strong> {{ user.fullname }}</div>
                <div><strong>شماره:</strong> {{ user.phone }}</div>
                <div><strong>ایمیل:</strong> {{ user.email|default('ثبت نشده') }}</div>
                <div><strong>نقش:</strong> مدیر سیستم</div>
            </div>
        </div>
    </div>
</section>

{% endblock %}