@extends('layouts.fleet')

@section('title', 'لوحة التحكم — '.niche_module_label('fleet'))

@section('content')
<div class="w-full space-y-6" dir="rtl">
    <div>
        <h1 class="text-2xl font-extrabold text-violet-950">لوحة التحكم</h1>
        <p class="mt-1 text-sm text-violet-800/80">
            {{ niche_module_label('fleet') }} — ملخص العمليات الميدانية
            <x-info field="fleet.dashboard_intro" />
        </p>
    </div>

    <section>
        <h2 class="text-base font-bold text-violet-950 mb-3">أرقام المؤسسة</h2>
        <div class="grid gap-3 grid-cols-2 sm:grid-cols-3 lg:grid-cols-5">
            <div class="fleet-card p-4 text-center">
                <div class="flex items-center justify-center gap-1 flex-wrap mb-2">
                    <span class="text-sm font-bold text-violet-950">مناديب نشطون</span>
                    <x-info field="fleet.stat_agents_active" />
                </div>
                <p class="text-2xl font-extrabold text-violet-600 tabular-nums">{{ $stats['agents_active'] }}</p>
            </div>
            <div class="fleet-card p-4 text-center">
                <div class="flex items-center justify-center gap-1 flex-wrap mb-2">
                    <span class="text-sm font-bold text-violet-950">إجمالي المناديب</span>
                    <x-info field="fleet.stat_agents_total" />
                </div>
                <p class="text-2xl font-extrabold text-violet-600 tabular-nums">{{ $stats['agents_total'] }}</p>
            </div>
            <div class="fleet-card p-4 text-center">
                <div class="flex items-center justify-center gap-1 flex-wrap mb-2">
                    <span class="text-sm font-bold text-violet-950">عملاء نشطون</span>
                    <x-info field="fleet.stat_customers_active" />
                </div>
                <p class="text-2xl font-extrabold text-violet-600 tabular-nums">{{ $stats['customers_active'] }}</p>
            </div>
            <div class="fleet-card p-4 text-center">
                <div class="flex items-center justify-center gap-1 flex-wrap mb-2">
                    <span class="text-sm font-bold text-violet-950">أصناف نشطة</span>
                    <x-info field="fleet.stat_products_active" />
                </div>
                <p class="text-2xl font-extrabold text-violet-600 tabular-nums">{{ $stats['products_active'] }}</p>
            </div>
            <div class="fleet-card p-4 text-center">
                <div class="flex items-center justify-center gap-1 flex-wrap mb-2">
                    <span class="text-sm font-bold text-violet-950">خطوط السير اليوم</span>
                    <x-info field="fleet.stat_routes_today" />
                </div>
                <p class="text-2xl font-extrabold text-violet-600 tabular-nums">{{ $stats['routes_today'] }}</p>
                <a href="{{ route('fleet.routes.index') }}" class="text-xs text-violet-600 font-semibold mt-2 inline-block hover:underline">عرض خطوط السير</a>
            </div>
        </div>
    </section>

    <section>
        <h2 class="text-base font-bold text-violet-950 mb-3">{{ niche_label('modules.inventory', 'العهدة') }}</h2>
        <div class="grid gap-3 grid-cols-2 sm:grid-cols-2 lg:grid-cols-2 max-w-xl">
            <div class="fleet-card p-4 text-center">
                <div class="flex items-center justify-center gap-1 flex-wrap mb-2">
                    <span class="text-sm font-bold text-violet-950">مناديب بعهدة</span>
                    <x-info field="fleet.stat_custody_agents" />
                </div>
                <p class="text-2xl font-extrabold text-violet-600 tabular-nums">{{ $stats['custody_agents'] }}</p>
                <a href="{{ route('fleet.custody.balances') }}" class="text-xs text-violet-600 font-semibold mt-2 inline-block hover:underline">أرصدة العهدة</a>
            </div>
            <div class="fleet-card p-4 text-center">
                <div class="flex items-center justify-center gap-1 flex-wrap mb-2">
                    <span class="text-sm font-bold text-violet-950">سندات مصروفة</span>
                    <x-info field="fleet.stat_custody_issues" />
                </div>
                <p class="text-2xl font-extrabold text-violet-600 tabular-nums">{{ $stats['custody_issues_issued'] }}</p>
                <a href="{{ route('fleet.custody.index') }}" class="text-xs text-violet-600 font-semibold mt-2 inline-block hover:underline">سجل العهدة</a>
            </div>
        </div>
    </section>

    <section>
        <h2 class="text-base font-bold text-violet-950 mb-3">التحصيل الميداني</h2>
        <div class="grid gap-3 grid-cols-2 sm:grid-cols-2 lg:grid-cols-2 max-w-xl">
            <div class="fleet-card p-4 text-center">
                <div class="flex items-center justify-center gap-1 flex-wrap mb-2">
                    <span class="text-sm font-bold text-violet-950">تحصيلات اليوم</span>
                    <x-info field="fleet.stat_collections_today" />
                </div>
                <p class="text-2xl font-extrabold text-violet-600 tabular-nums">{{ $stats['collections_today'] }}</p>
                <a href="{{ route('fleet.collections.index', ['date' => now()->toDateString()]) }}" class="text-xs text-violet-600 font-semibold mt-2 inline-block hover:underline">سجل التحصيل</a>
            </div>
            <div class="fleet-card p-4 text-center">
                <div class="flex items-center justify-center gap-1 flex-wrap mb-2">
                    <span class="text-sm font-bold text-violet-950">COD اليوم</span>
                    <x-info field="fleet.stat_cod_collected_today" />
                </div>
                <p class="text-2xl font-extrabold text-violet-600 tabular-nums">{{ erp_money($stats['cod_collected_today']) }}</p>
                @if(app(\App\Support\FleetAccess::class)->allows(\App\Support\FleetAccess::CAP_MANAGE_COLLECTIONS))
                    <a href="{{ route('fleet.collections.create') }}" class="text-xs text-violet-600 font-semibold mt-2 inline-block hover:underline">تحصيل جديد</a>
                @endif
            </div>
        </div>
    </section>

    <section>
        <h2 class="text-base font-bold text-violet-950 mb-3">ربط المتجر</h2>
        <div class="grid gap-3 grid-cols-2 sm:grid-cols-2 lg:grid-cols-2 max-w-xl">
            <div class="fleet-card p-4 text-center">
                <div class="flex items-center justify-center gap-1 flex-wrap mb-2">
                    <span class="text-sm font-bold text-violet-950">طلبات بانتظار الإسناد</span>
                    <x-info field="fleet.stat_store_orders_pending" />
                </div>
                <p class="text-2xl font-extrabold text-violet-600 tabular-nums">{{ $stats['store_orders_pending'] }}</p>
                <a href="{{ route('fleet.store-orders.index') }}" class="text-xs text-violet-600 font-semibold mt-2 inline-block hover:underline">Pool طلبات المتجر</a>
            </div>
        </div>
    </section>

    <section class="flex flex-wrap gap-2">
        <a href="{{ route('fleet.store-orders.index') }}" class="fleet-btn fleet-btn-primary text-sm">طلبات المتجر</a>
        <a href="{{ route('fleet.routes.index') }}" class="fleet-btn fleet-btn-soft text-sm">خطوط السير</a>
        <a href="{{ route('fleet.collections.index') }}" class="fleet-btn fleet-btn-soft text-sm">التحصيل الميداني</a>
        <a href="{{ route('fleet.custody.index') }}" class="fleet-btn fleet-btn-soft text-sm">صرف عهدة</a>
        <a href="{{ route('fleet.agents.index') }}" class="fleet-btn fleet-btn-soft text-sm">إدارة المناديب</a>
        <a href="{{ route('fleet.customers.index') }}" class="fleet-btn fleet-btn-soft text-sm">عملاء الميدان</a>
        <a href="{{ route('fleet.products.index') }}" class="fleet-btn fleet-btn-soft text-sm">الكتalog الخفيف</a>
    </section>
</div>
@endsection