@extends('layouts.app')

@section('title', 'التقارير')

@section('content')
<section class="content-header">
    <div class="container-fluid">
        <div class="row mb-2">
            <div class="col-sm-6">
                <h1><i class="fas fa-chart-bar mr-2"></i> التقارير</h1>
            </div>
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="{{ route('home') }}">الرئيسية</a></li>
                    <li class="breadcrumb-item active">التقارير</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="content">
    <div class="container-fluid">
        <div class="row">
            <!-- تقرير المبيعات -->
            <div class="col-lg-4 mb-4">
                <div class="card card-outline card-primary h-100">
                    <div class="card-body text-center">
                        <div class="mb-3">
                            <i class="fas fa-chart-line fa-3x text-primary"></i>
                        </div>
                        <h5 class="card-title w-100 font-weight-bold mb-3">تقرير المبيعات</h5>
                        <p class="card-text text-muted mb-4">عرض إحصائيات المبيعات والكروت المستخدمة حسب الفترة الزمنية والباقات والشركات الموزعة</p>
                        <a href="{{ route('admin.reports.sales') }}" class="btn btn-primary">
                            <i class="fas fa-eye mr-1"></i> عرض التقرير
                        </a>
                    </div>
                </div>
            </div>

            <!-- تقرير العمولات -->
            <div class="col-lg-4 mb-4">
                <div class="card card-outline card-success h-100">
                    <div class="card-body text-center">
                        <div class="mb-3">
                            <i class="fas fa-percentage fa-3x text-success"></i>
                        </div>
                        <h5 class="card-title w-100 font-weight-bold mb-3">تقرير العمولات</h5>
                        <p class="card-text text-muted mb-4">عرض إحصائيات العمولات المستحقة والمدفوعة للشركات الموزعة وحصة الشركة</p>
                        <a href="{{ route('admin.reports.commissions') }}" class="btn btn-success">
                            <i class="fas fa-eye mr-1"></i> عرض التقرير
                        </a>
                    </div>
                </div>
            </div>

            <!-- التقرير المفصل -->
            <div class="col-lg-4 mb-4">
                <div class="card card-outline card-info h-100">
                    <div class="card-body text-center">
                        <div class="mb-3">
                            <i class="fas fa-file-alt fa-3x text-info"></i>
                        </div>
                        <h5 class="card-title w-100 font-weight-bold mb-3">التقرير المفصل</h5>
                        <p class="card-text text-muted mb-4">عرض تفاصيل جميع العمليات والعمولات مع إمكانية التصفية والتصدير</p>
                        <a href="{{ route('admin.reports.detailed') }}" class="btn btn-info text-white">
                            <i class="fas fa-eye mr-1"></i> عرض التقرير
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <!-- إحصائيات سريعة -->
        <h5 class="mt-4 mb-3"><i class="fas fa-tachometer-alt mr-2"></i> إحصائيات سريعة - هذا الشهر</h5>
        <div class="row">
            <div class="col-lg-4 col-6">
                <div class="small-box bg-success">
                    <div class="inner">
                        <h3>{{ number_format(\App\Models\Voucher::whereMonth('redeemed_at', now()->month)->count()) }}</h3>
                        <p>كروت مستخدمة</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-ticket-alt"></i>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-6">
                <div class="small-box bg-warning">
                    <div class="inner">
                        <h3>{{ number_format(\App\Models\DistributorCommission::whereMonth('transaction_date', now()->month)->sum('commission_amount'), 2) }} <sup style="font-size: 20px">د.ل</sup></h3>
                        <p>إجمالي العمولات</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-percentage"></i>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-6">
                <div class="small-box bg-info">
                    <div class="inner">
                        <h3>{{ number_format(\App\Models\DistributorCommission::whereMonth('transaction_date', now()->month)->sum('our_share'), 2) }} <sup style="font-size: 20px">د.ل</sup></h3>
                        <p>حصتنا</p>
                    </div>
                    <div class="icon">
                        <i class="fas fa-wallet"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection