@extends('admin.layouts.master')

@section('title', 'تقارير المستخدمين')

@section('content')
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">تقارير المستخدمين</h4>
                </div>
                <div class="card-body">
                    <div class="row">
                        <!-- User Registrations Report -->
                        <div class="col-md-4 mb-3">
                            <div class="card border-primary">
                                <div class="card-body text-center">
                                    <x-lucide-user-plus width="48" height="48" class="text-primary mb-3" />
                                    <h5 class="card-title">تقرير التسجيلات</h5>
                                    <p class="card-text">عرض تقارير تسجيل المستخدمين الجدد</p>
                                    <a href="{{ route('admin.reports.users.registrations') }}" class="btn btn-primary">عرض
                                        التقرير</a>
                                </div>
                            </div>
                        </div>

                        <!-- User Activity Report -->
                        <div class="col-md-4 mb-3">
                            <div class="card border-success">
                                <div class="card-body text-center">
                                    <x-lucide-trending-up width="48" height="48" class="text-success mb-3" />
                                    <h5 class="card-title">تقرير النشاط</h5>
                                    <p class="card-text">عرض تقارير نشاط المستخدمين</p>
                                    <a href="{{ route('admin.reports.users.activity') }}" class="btn btn-success">عرض
                                        التقرير</a>
                                </div>
                            </div>
                        </div>

                        <!-- User Transactions Report -->
                        <div class="col-md-4 mb-3">
                            <div class="card border-warning">
                                <div class="card-body text-center">
                                    <x-lucide-arrow-left-right width="48" height="48" class="text-warning mb-3" />
                                    <h5 class="card-title">تقرير المعاملات</h5>
                                    <p class="card-text">عرض تقارير معاملات المستخدمين</p>
                                    <a href="{{ route('admin.reports.users.transactions') }}" class="btn btn-warning">عرض
                                        التقرير</a>
                                </div>
                            </div>
                        </div>

                        <!-- User Balances Report -->
                        <div class="col-md-4 mb-3">
                            <div class="card border-info">
                                <div class="card-body text-center">
                                    <x-lucide-wallet width="48" height="48" class="text-info mb-3" />
                                    <h5 class="card-title">تقرير الأرصدة</h5>
                                    <p class="card-text">عرض تقارير أرصدة المستخدمين</p>
                                    <a href="{{ route('admin.reports.users.balances') }}" class="btn btn-info">عرض
                                        التقرير</a>
                                </div>
                            </div>
                        </div>

                        <!-- Comprehensive Balances Summary Report -->
                        <div class="col-md-4 mb-3">
                            <div class="card border-primary">
                                <div class="card-body text-center">
                                    <x-lucide-bar-chart-3 width="48" height="48" class="text-primary mb-3" />
                                    <h5 class="card-title">تقرير الأرصدة الشامل</h5>
                                    <p class="card-text">تقرير تفصيلي للأرصدة مع فلاتر متقدمة وإحصائيات</p>
                                    <a href="{{ route('admin.reports.users.balances-summary') }}"
                                        class="btn btn-primary">عرض
                                        التقرير</a>
                                </div>
                            </div>
                        </div>

                        <!-- Banned Users Report -->
                        <div class="col-md-4 mb-3">
                            <div class="card border-danger">
                                <div class="card-body text-center">
                                    <x-lucide-ban width="48" height="48" class="text-danger mb-3" />
                                    <h5 class="card-title">تقرير المحظورين</h5>
                                    <p class="card-text">عرض تقارير المستخدمين المحظورين</p>
                                    <a href="{{ route('admin.reports.users.banned') }}" class="btn btn-danger">عرض
                                        التقرير</a>
                                </div>
                            </div>
                        </div>

                        <!-- Top Users Report -->
                        <div class="col-md-4 mb-3">
                            <div class="card border-dark">
                                <div class="card-body text-center">
                                    <x-lucide-crown width="48" height="48" class="text-dark mb-3" />
                                    <h5 class="card-title">تقرير أفضل المستخدمين</h5>
                                    <p class="card-text">عرض تقارير أفضل المستخدمين</p>
                                    <a href="{{ route('admin.reports.users.top-users') }}" class="btn btn-dark">عرض
                                        التقرير</a>
                                </div>
                            </div>
                        </div>

                        <!-- User Statistics Report -->
                        <div class="col-md-12 mb-3">
                            <div class="card border-secondary">
                                <div class="card-body text-center">
                                    <x-lucide-pie-chart width="48" height="48" class="text-secondary mb-3" />
                                    <h5 class="card-title">الإحصائيات العامة</h5>
                                    <p class="card-text">عرض الإحصائيات العامة للمستخدمين</p>
                                    <a href="{{ route('admin.reports.users.statistics') }}" class="btn btn-secondary">عرض
                                        التقرير</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection