{% extends "admin/base_admin.html" %}

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

{% block admin_content %}
<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12">
            <h1 class="h2 mb-4">
                <i class="fas fa-tachometer-alt text-primary me-2"></i>
                داشبورد مدیریت
                <small class="text-muted h6">{{ now|jalali_date_full }}</small>
            </h1>
        </div>
    </div>

    <!-- ============================================================
         آمار کلی
         ============================================================ -->
    <div class="row g-4 mb-4">
        <div class="col-xl-3 col-lg-6 col-md-6">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <span class="text-muted text-uppercase" style="font-size: 12px; letter-spacing: 1px;">محصولات</span>
                            <h2 class="mb-0 mt-1">{{ total_products|persian_number }}</h2>
                            <small class="text-muted">فعال: {{ active_products|persian_number }}</small>
                        </div>
                        <div style="width: 50px; height: 50px; border-radius: 50%; background: var(--primary-light); display: flex; align-items: center; justify-content: center; font-size: 24px; color: var(--primary);">
                            <i class="fas fa-box"></i>
                        </div>
                    </div>
                    <a href="{{ url_for('admin_products') }}" class="btn btn-sm btn-outline-primary mt-3 w-100">
                        <i class="fas fa-eye me-1"></i> مدیریت محصولات
                    </a>
                </div>
            </div>
        </div>
        
        <div class="col-xl-3 col-lg-6 col-md-6">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <span class="text-muted text-uppercase" style="font-size: 12px; letter-spacing: 1px;">سفارشات</span>
                            <h2 class="mb-0 mt-1">{{ total_orders|persian_number }}</h2>
                            <span class="badge bg-warning">{{ pending_orders|persian_number }} در انتظار</span>
                        </div>
                        <div style="width: 50px; height: 50px; border-radius: 50%; background: #fef3c7; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #f59e0b;">
                            <i class="fas fa-shopping-cart"></i>
                        </div>
                    </div>
                    <a href="{{ url_for('admin_orders') }}" class="btn btn-sm btn-outline-primary mt-3 w-100">
                        <i class="fas fa-eye me-1"></i> مدیریت سفارشات
                    </a>
                </div>
            </div>
        </div>
        
        <div class="col-xl-3 col-lg-6 col-md-6">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <span class="text-muted text-uppercase" style="font-size: 12px; letter-spacing: 1px;">کاربران</span>
                            <h2 class="mb-0 mt-1">{{ total_users|persian_number }}</h2>
                            <small class="text-muted">ادمین: {{ admin_count|persian_number }}</small>
                        </div>
                        <div style="width: 50px; height: 50px; border-radius: 50%; background: #dbeafe; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #2563eb;">
                            <i class="fas fa-users"></i>
                        </div>
                    </div>
                    <a href="{{ url_for('admin_users') }}" class="btn btn-sm btn-outline-primary mt-3 w-100">
                        <i class="fas fa-eye me-1"></i> مدیریت کاربران
                    </a>
                </div>
            </div>
        </div>
        
        <div class="col-xl-3 col-lg-6 col-md-6">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <span class="text-muted text-uppercase" style="font-size: 12px; letter-spacing: 1px;">فروش امروز</span>
                            <h2 class="mb-0 mt-1">{{ today_sales|persian_price }}</h2>
                            <span class="text-muted small">تومان</span>
                        </div>
                        <div style="width: 50px; height: 50px; border-radius: 50%; background: #dcfce7; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #22c55e;">
                            <i class="fas fa-money-bill-wave"></i>
                        </div>
                    </div>
                    <span class="text-muted small">فروش ماه: {{ month_sales|persian_price }} تومان</span>
                </div>
            </div>
        </div>
    </div>

    <!-- ============================================================
         تراکنش‌های زرین‌پال
         ============================================================ -->
    <div class="row g-4 mb-4">
        <div class="col-12">
            <div class="card shadow-sm border-0">
                <div class="card-header bg-white py-3">
                    <h5 class="mb-0">
                        <i class="fas fa-credit-card text-primary me-2"></i>
                        تراکنش‌های زرین‌پال
                        <span class="badge bg-primary ms-2">{{ zarinpal_transactions|length|persian_number }}</span>
                    </h5>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead>
                                <tr>
                                    <th>شماره سفارش</th>
                                    <th>مبلغ</th>
                                    <th>کد پیگیری</th>
                                    <th>وضعیت</th>
                                    <th>تاریخ</th>
                                    <th>عملیات</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for transaction in zarinpal_transactions %}
                                    <tr>
                                        <td>
                                            <a href="{{ url_for('admin_order_detail', order_id=transaction.order_id) }}">
                                                <strong>{{ transaction.order_number }}</strong>
                                            </a>
                                        </td>
                                        <td>{{ transaction.amount|persian_price }} تومان</td>
                                        <td>
                                            <code>{{ transaction.authority or '-' }}</code>
                                            {% if transaction.ref_id %}
                                                <br>
                                                <small class="text-success">Ref: {{ transaction.ref_id }}</small>
                                            {% endif %}
                                        </td>
                                        <td>
                                            {% if transaction.status == 'success' %}
                                                <span class="badge bg-success"><i class="fas fa-check"></i> موفق</span>
                                            {% elif transaction.status == 'pending' %}
                                                <span class="badge bg-warning"><i class="fas fa-clock"></i> در انتظار</span>
                                            {% elif transaction.status == 'failed' %}
                                                <span class="badge bg-danger"><i class="fas fa-times"></i> ناموفق</span>
                                            {% else %}
                                                <span class="badge bg-secondary">{{ transaction.status }}</span>
                                            {% endif %}
                                        </td>
                                        <td>{{ transaction.created_at|jalali_date_full }}</td>
                                        <td>
                                            <a href="{{ url_for('admin_order_detail', order_id=transaction.order_id) }}" class="btn btn-sm btn-outline-primary">
                                                <i class="fas fa-eye"></i>
                                            </a>
                                        </td>
                                    </tr>
                                {% else %}
                                    <tr>
                                        <td colspan="6" class="text-center py-4">
                                            <i class="fas fa-credit-card fa-2x text-muted d-block mb-2"></i>
                                            <p class="text-muted">هیچ تراکنشی یافت نشد</p>
                                        </td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ============================================================
         بخش‌های مدیریتی - همه دسترسی‌ها
         ============================================================ -->
    <div class="row g-4 mb-4">
        <!-- ===== مدیریت محصولات ===== -->
        <div class="col-md-6 col-lg-3">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white py-3">
                    <h5 class="mb-0"><i class="fas fa-box text-primary me-2"></i> محصولات</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ url_for('admin_products') }}" class="btn btn-outline-primary">
                            <i class="fas fa-list me-2"></i> مدیریت محصولات
                        </a>
                        <a href="{{ url_for('admin_product_add') }}" class="btn btn-primary">
                            <i class="fas fa-plus me-2"></i> افزودن محصول
                        </a>
                        <a href="{{ url_for('admin_categories') }}" class="btn btn-outline-primary">
                            <i class="fas fa-tags me-2"></i> دسته‌بندی‌ها
                        </a>
                        <a href="{{ url_for('admin_brands') }}" class="btn btn-outline-primary">
                            <i class="fas fa-building me-2"></i> برندها
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- ===== مدیریت فروش ===== -->
        <div class="col-md-6 col-lg-3">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white py-3">
                    <h5 class="mb-0"><i class="fas fa-shopping-cart text-primary me-2"></i> فروش</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ url_for('admin_orders') }}" class="btn btn-outline-primary">
                            <i class="fas fa-list me-2"></i> مدیریت سفارشات
                        </a>
                        <a href="{{ url_for('admin_coupons') }}" class="btn btn-outline-primary">
                            <i class="fas fa-ticket-alt me-2"></i> کوپن‌های تخفیف
                        </a>
                        <a href="{{ url_for('admin_coupon_add') }}" class="btn btn-primary">
                            <i class="fas fa-plus me-2"></i> افزودن کوپن
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- ===== مدیریت کاربران ===== -->
        <div class="col-md-6 col-lg-3">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white py-3">
                    <h5 class="mb-0"><i class="fas fa-users text-primary me-2"></i> کاربران</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ url_for('admin_users') }}" class="btn btn-outline-primary">
                            <i class="fas fa-users me-2"></i> مدیریت کاربران
                        </a>
                        <a href="{{ url_for('admin_users') }}" class="btn btn-outline-primary">
                            <i class="fas fa-user-plus me-2"></i> افزودن کاربر
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- ===== سئو و محتوا ===== -->
        <div class="col-md-6 col-lg-3">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white py-3">
                    <h5 class="mb-0"><i class="fas fa-search text-primary me-2"></i> سئو و محتوا</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ url_for('admin_seo_keywords') }}" class="btn btn-outline-primary">
                            <i class="fas fa-key me-2"></i> کلمات کلیدی
                        </a>
                        <a href="{{ url_for('admin_seo_keywords_add') }}" class="btn btn-primary">
                            <i class="fas fa-plus me-2"></i> کلمه کلیدی جدید
                        </a>
                        <a href="{{ url_for('admin_banners') }}" class="btn btn-outline-primary">
                            <i class="fas fa-image me-2"></i> بنرها
                        </a>
                        <a href="{{ url_for('admin_banner_add') }}" class="btn btn-outline-primary">
                            <i class="fas fa-plus me-2"></i> بنر جدید
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ============================================================
         ردیف دوم - تنظیمات و ابزارها
         ============================================================ -->
    <div class="row g-4 mb-4">
        <!-- ===== تنظیمات ===== -->
        <div class="col-md-6 col-lg-4">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white py-3">
                    <h5 class="mb-0"><i class="fas fa-cog text-primary me-2"></i> تنظیمات</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ url_for('admin_settings') }}" class="btn btn-outline-primary">
                            <i class="fas fa-sliders-h me-2"></i> تنظیمات عمومی
                        </a>
                        <a href="{{ url_for('admin_settings') }}" class="btn btn-outline-primary">
                            <i class="fas fa-palette me-2"></i> ظاهر و برندینگ
                        </a>
                        <a href="{{ url_for('admin_settings') }}" class="btn btn-outline-primary">
                            <i class="fas fa-share-alt me-2"></i> شبکه‌های اجتماعی
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- ===== ابزارها ===== -->
        <div class="col-md-6 col-lg-4">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white py-3">
                    <h5 class="mb-0"><i class="fas fa-tools text-primary me-2"></i> ابزارها</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ url_for('admin_generate_sitemap') }}" class="btn btn-outline-primary">
                            <i class="fas fa-sitemap me-2"></i> تولید Sitemap
                        </a>
                        <a href="{{ url_for('admin_robots') }}" class="btn btn-outline-primary">
                            <i class="fas fa-robot me-2"></i> مدیریت Robots.txt
                        </a>
                        <a href="{{ url_for('admin_backup') }}" class="btn btn-outline-primary">
                            <i class="fas fa-database me-2"></i> بک‌آپ
                        </a>
                        <a href="{{ url_for('admin_export_torob') }}" class="btn btn-outline-primary">
                            <i class="fas fa-rss me-2"></i> خروجی ترب و باسلام
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- ===== پرداخت ===== -->
        <div class="col-md-6 col-lg-4">
            <div class="card shadow-sm border-0 h-100">
                <div class="card-header bg-white py-3">
                    <h5 class="mb-0"><i class="fas fa-credit-card text-primary me-2"></i> پرداخت</h5>
                </div>
                <div class="card-body">
                    <div class="d-grid gap-2">
                        <a href="{{ url_for('admin_payment_settings') }}" class="btn btn-outline-primary">
                            <i class="fas fa-cog me-2"></i> تنظیمات درگاه
                        </a>
                        <a href="{{ url_for('admin_transactions') }}" class="btn btn-outline-primary">
                            <i class="fas fa-list me-2"></i> همه تراکنش‌ها
                        </a>
                        <a href="{{ url_for('admin_payment_report') }}" class="btn btn-outline-primary">
                            <i class="fas fa-chart-bar me-2"></i> گزارش پرداخت‌ها
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- ============================================================
         آخرین سفارشات
         ============================================================ -->
    <div class="card shadow-sm border-0">
        <div class="card-header bg-white py-3">
            <div class="d-flex justify-content-between align-items-center">
                <h5 class="mb-0"><i class="fas fa-clock text-primary me-2"></i> آخرین سفارشات</h5>
                <a href="{{ url_for('admin_orders') }}" class="btn btn-sm btn-outline-primary">
                    مشاهده همه <i class="fas fa-arrow-left me-1"></i>
                </a>
            </div>
        </div>
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            <th>شماره سفارش</th>
                            <th>کاربر</th>
                            <th>مبلغ</th>
                            <th>پرداخت</th>
                            <th>وضعیت</th>
                            <th>تاریخ</th>
                            <th>عملیات</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for order in recent_orders %}
                            <tr>
                                <td><strong>{{ order.order_number }}</strong></td>
                                <td>{{ order.user.full_name or order.user.username if order.user else '-' }}</td>
                                <td>{{ order.final_amount|persian_price }} تومان</td>
                                <td>
                                    {% if order.payment_status == 'paid' %}
                                        <span class="badge bg-success">پرداخت شده</span>
                                    {% else %}
                                        <span class="badge bg-warning">در انتظار</span>
                                    {% endif %}
                                </td>
                                <td>
                                    {% if order.order_status == 'pending' %}
                                        <span class="badge bg-warning">در انتظار</span>
                                    {% elif order.order_status == 'processing' %}
                                        <span class="badge bg-info">پردازش</span>
                                    {% elif order.order_status == 'shipped' %}
                                        <span class="badge bg-primary">ارسال</span>
                                    {% elif order.order_status == 'delivered' %}
                                        <span class="badge bg-success">تحویل</span>
                                    {% elif order.order_status == 'cancelled' %}
                                        <span class="badge bg-danger">لغو</span>
                                    {% endif %}
                                </td>
                                <td>{{ order.created_at|jalali_date }}</td>
                                <td>
                                    <div class="btn-group btn-group-sm">
                                        <a href="{{ url_for('admin_order_detail', order_id=order.id) }}" class="btn btn-outline-primary">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        <a href="{{ url_for('admin_order_edit', order_id=order.id) }}" class="btn btn-outline-info">
                                            <i class="fas fa-edit"></i>
                                        </a>
                                    </div>
                                </td>
                            </tr>
                        {% else %}
                            <tr>
                                <td colspan="7" class="text-center py-4">
                                    <i class="fas fa-shopping-cart fa-2x text-muted d-block mb-2"></i>
                                    <p class="text-muted">هیچ سفارشی یافت نشد</p>
                                </td>
                            </tr>
                        {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- ============================================================
         آمار سریع
         ============================================================ -->
    <div class="row g-3 mt-4">
        <div class="col-12">
            <div class="card shadow-sm border-0">
                <div class="card-body">
                    <div class="row g-3 text-center">
                        <div class="col-md-3 col-6">
                            <div class="p-2">
                                <div class="text-muted small">کل فروش</div>
                                <div class="h5 mb-0 text-primary">{{ total_sales|persian_price }}</div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="p-2">
                                <div class="text-muted small">تعداد سفارشات</div>
                                <div class="h5 mb-0 text-primary">{{ total_orders|persian_number }}</div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="p-2">
                                <div class="text-muted small">تعداد کاربران</div>
                                <div class="h5 mb-0 text-primary">{{ total_users|persian_number }}</div>
                            </div>
                        </div>
                        <div class="col-md-3 col-6">
                            <div class="p-2">
                                <div class="text-muted small">تعداد محصولات</div>
                                <div class="h5 mb-0 text-primary">{{ total_products|persian_number }}</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}