@extends('admin.layouts.master')
@section('title', 'التقارير')

@section('content')
<div class="page-content-wrapper"><div class="content-container"><div class="page-content">

    <div class="content-header mb-4">
        <h4 class="mb-1"><i class="ti ti-report-analytics me-2 text-primary"></i>التقارير</h4>
        <p class="text-muted mb-0">اختر التقرير المطلوب من القائمة أدناه</p>
    </div>

    <div class="row g-4">
        @php
        $reports = [
            ['route' => 'admin.reports.daily-sales',       'icon' => 'ti-calendar-stats',         'color' => 'primary', 'title' => 'المبيعات اليومية',       'desc' => 'مجاميع المبيعات مقسّمة بالتاريخ'],
            ['route' => 'admin.reports.sales-by-customer', 'icon' => 'ti-user-dollar',             'color' => 'success', 'title' => 'مبيعات بالعميل',          'desc' => 'إجمالي مبيعات كل عميل'],
            ['route' => 'admin.reports.sales-by-cashier',  'icon' => 'ti-user-check',              'color' => 'info',    'title' => 'مبيعات بالكاشير',         'desc' => 'أداء كل كاشير وفواتيره'],
            ['route' => 'admin.reports.top-products',      'icon' => 'ti-trophy',                  'color' => 'warning', 'title' => 'أكثر المنتجات مبيعاً',    'desc' => 'ترتيب المنتجات حسب الكمية والإيرادات'],
            ['route' => 'admin.reports.low-stock',         'icon' => 'ti-alert-triangle',          'color' => 'danger',  'title' => 'تنبيهات المخزون',         'desc' => 'المنتجات التي وصلت حد التنبيه'],
            ['route' => 'admin.reports.stock-movements',   'icon' => 'ti-arrows-transfer-up-down', 'color' => 'secondary','title'=> 'حركات المخزون',           'desc' => 'تتبع كل حركات الوارد والصادر'],
            ['route' => 'admin.reports.payments',          'icon' => 'ti-wallet',                  'color' => 'primary', 'title' => 'تقرير المدفوعات',         'desc' => 'المدفوعات مقسّمة بطريقة الدفع'],
            ['route' => 'admin.reports.shift-summary',     'icon' => 'ti-clock-record',            'color' => 'info',    'title' => 'ملخص الشفتات',            'desc' => 'أرصدة وفرق الشفتات'],
            ['route' => 'admin.reports.returns',           'icon' => 'ti-arrow-back-up',           'color' => 'danger',  'title' => 'تقرير المرتجعات',         'desc' => 'مرتجعات البيع وقيم الاسترداد'],
        ];
        @endphp

        @foreach($reports as $report)
        <div class="col-xl-4 col-md-6">
            <a href="{{ route($report['route']) }}" class="text-decoration-none">
                <div class="card border-0 shadow-sm h-100 card-hover">
                    <div class="card-body d-flex align-items-center gap-4 py-4">
                        <div class="icon-shape bg-light-{{ $report['color'] }} rounded-3 p-4 flex-shrink-0">
                            <i class="ti {{ $report['icon'] }} fs-2 text-{{ $report['color'] }}"></i>
                        </div>
                        <div>
                            <h6 class="mb-1 text-dark">{{ $report['title'] }}</h6>
                            <p class="mb-0 text-muted small">{{ $report['desc'] }}</p>
                        </div>
                        <div class="ms-auto">
                            <i class="ti ti-chevron-left text-muted"></i>
                        </div>
                    </div>
                </div>
            </a>
        </div>
        @endforeach
    </div>

</div></div></div>
@endsection

@push('styles')
<style>
.card-hover { transition: transform .15s, box-shadow .15s; }
.card-hover:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,.1) !important; }
</style>
@endpush