@extends('layouts.app')
@section('title', 'التقارير')
@section('breadcrumb')<li class="breadcrumb-item active">التقارير</li>@endsection

@section('content')
@php
    $reports = [
        ['route' => 'reports.sales', 'icon' => 'fa-chart-line', 'color' => 'primary', 'title' => 'تقرير المبيعات', 'desc' => 'الفواتير حسب الفترة، المنتجات، والمندوبين'],
        ['route' => 'reports.collections', 'icon' => 'fa-money-bill-wave', 'color' => 'success', 'title' => 'التحصيلات والمديونيات', 'desc' => 'الدفعات المحصّلة والأرصدة المستحقة على العملاء'],
        ['route' => 'reports.profit', 'icon' => 'fa-scale-balanced', 'color' => 'warning', 'title' => 'تقرير الأرباح', 'desc' => 'الإيرادات مقابل التكاليف والمصروفات'],
        ['route' => 'reports.customers', 'icon' => 'fa-users', 'color' => 'info', 'title' => 'تقرير العملاء', 'desc' => 'أرصدة العملاء وحجم التعامل والتوزيع الجغرافي'],
        ['route' => 'reports.inventory', 'icon' => 'fa-boxes-stacked', 'color' => 'secondary', 'title' => 'تقرير المخزون', 'desc' => 'الكميات، قيمة المخزون، وحالات الأجهزة'],
        ['route' => 'reports.subscriptions', 'icon' => 'fa-satellite-dish', 'color' => 'success', 'title' => 'تقرير الاشتراكات', 'desc' => 'الاشتراكات السارية والمنتهية وسجل التجديدات'],
        ['route' => 'reports.installations', 'icon' => 'fa-screwdriver-wrench', 'color' => 'primary', 'title' => 'أداء الفنيين', 'desc' => 'أوامر التركيب المنفذة والمفتوحة لكل فني'],
        ['route' => 'reports.leads', 'icon' => 'fa-user-plus', 'color' => 'danger', 'title' => 'تقرير العملاء المحتملين', 'desc' => 'معدل التحويل وأداء المندوبين حسب المصدر'],
    ];
@endphp

<div class="row g-3">
    @foreach ($reports as $report)
        <div class="col-xl-3 col-md-6">
            <a href="{{ route($report['route']) }}" class="text-decoration-none">
                <div class="card h-100">
                    <div class="card-body text-center py-4">
                        <div class="stat-icon bg-{{ $report['color'] }}-subtle text-{{ $report['color'] }} mx-auto mb-3"
                             style="width:60px;height:60px;font-size:24px">
                            <i class="fa-solid {{ $report['icon'] }}"></i>
                        </div>
                        <h3 class="h6 fw-bold text-dark mb-2">{{ $report['title'] }}</h3>
                        <p class="small text-muted mb-0">{{ $report['desc'] }}</p>
                    </div>
                </div>
            </a>
        </div>
    @endforeach
</div>
@endsection