@extends('admin.layouts.master')

@section('title', __('admin.reports'))
@section('page_title', __('admin.reports'))

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('admin.dashboard') }}</a></li>
    <li class="breadcrumb-item active">{{ __('admin.reports') }}</li>
@endsection

@push('styles')
<style>
    .report-card { transition: all .15s; }
    .report-card:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,.08); }
    .report-card .icon { font-size: 32px; opacity: .85; }
</style>
@endpush

@section('content')
@php
    $groups = [
        'sales' => [
            'title' => 'تقارير المبيعات',
            'color' => 'success',
            'icon'  => 'fa-shopping-cart',
            'items' => [
                ['label' => 'مبيعات بالفترة', 'route' => 'admin.reports.sales.period', 'desc' => 'تجميع يومي/أسبوعي/شهري/سنوي'],
                ['label' => 'مبيعات بالعميل', 'route' => 'admin.reports.sales.customer', 'desc' => 'إيراد كل عميل ورصيده'],
                ['label' => 'مبيعات بالمنتج', 'route' => 'admin.reports.sales.product', 'desc' => 'الأكثر بيعاً والربحية المقدّرة'],
                ['label' => 'مبيعات بالمندوب', 'route' => 'admin.reports.sales.salesperson', 'desc' => 'إيرادات المندوبين والعمولة'],
            ],
        ],
        'purchases' => [
            'title' => 'تقارير المشتريات',
            'color' => 'info',
            'icon'  => 'fa-truck',
            'items' => [
                ['label' => 'مشتريات بالفترة', 'route' => 'admin.reports.purchases.period', 'desc' => 'تجميع زمني'],
                ['label' => 'مشتريات بالمورد', 'route' => 'admin.reports.purchases.supplier', 'desc' => 'إنفاق على كل مورد'],
                ['label' => 'مشتريات بالمنتج', 'route' => 'admin.reports.purchases.product', 'desc' => 'الكميات المشتراة'],
            ],
        ],
        'stock' => [
            'title' => 'تقارير المخزون',
            'color' => 'warning',
            'icon'  => 'fa-cubes',
            'items' => [
                ['label' => 'حالة المخزون', 'route' => 'admin.reports.stock.on-hand', 'desc' => 'الأرصدة وقيمتها'],
                ['label' => 'منتجات راكدة', 'route' => 'admin.reports.stock.slow-moving', 'desc' => 'لم تتحرك خلال X يوم'],
                ['label' => 'الأكثر دوراناً', 'route' => 'admin.reports.stock.top-moving', 'desc' => 'أكثر المنتجات خروجاً'],
            ],
        ],
        'finance' => [
            'title' => 'التقارير المالية',
            'color' => 'primary',
            'icon'  => 'fa-coins',
            'items' => [
                ['label' => 'المقبوضات والمدفوعات', 'route' => 'admin.reports.finance.payments', 'desc' => 'سجل الدفعات بالفترة'],
                ['label' => 'الأرباح والخسائر', 'route' => 'admin.reports.finance.profit-loss', 'desc' => 'إيرادات vs تكاليف'],
                ['label' => 'أعمار ديون العملاء', 'route' => 'admin.reports.aging.customers', 'desc' => 'Aging report'],
                ['label' => 'أعمار ديون الموردين', 'route' => 'admin.reports.aging.suppliers', 'desc' => 'Aging report'],
            ],
        ],
        'ops' => [
            'title' => 'تقارير العمليات',
            'color' => 'secondary',
            'icon'  => 'fa-tools',
            'items' => [
                ['label' => 'تقرير التركيب', 'route' => 'admin.reports.ops.installations', 'desc' => 'حالات التركيب وأداء الفرق'],
                ['label' => 'تقرير الصيانة', 'route' => 'admin.reports.ops.maintenance', 'desc' => 'تذاكر ما بعد البيع'],
            ],
        ],
    ];
@endphp

<div class="row">
@foreach($groups as $key => $g)
    <div class="col-lg-6 mb-4">
        <div class="card">
            <div class="card-header bg-{{ $g['color'] }}">
                <h3 class="card-title text-white"><i class="fas {{ $g['icon'] }}"></i> {{ $g['title'] }}</h3>
            </div>
            <div class="card-body p-2">
                <div class="row">
                    @foreach($g['items'] as $item)
                        <div class="col-md-6 mb-2">
                            <a href="{{ route($item['route']) }}" class="card report-card border-{{ $g['color'] }} h-100 text-decoration-none">
                                <div class="card-body p-2 d-flex align-items-center">
                                    <div class="icon text-{{ $g['color'] }} mx-2"><i class="fas fa-chart-bar"></i></div>
                                    <div>
                                        <h6 class="m-0">{{ $item['label'] }}</h6>
                                        <small class="text-muted">{{ $item['desc'] }}</small>
                                    </div>
                                </div>
                            </a>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>
    </div>
@endforeach
</div>
@endsection