@extends('admin.layouts.app')

@section('title', 'لوحة التحكم')

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

        {{-- إحصائيات سريعة من قاعدة البيانات --}}
        <div class="row g-3">
            <div class="col-12 col-sm-6 col-lg-3">
                <div class="card card-dark shadow-soft p-3 h-100">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <div class="muted mb-1">طلبات الفيزا</div>
                            <div class="stat-value">{{ number_format($stats['visas'] ?? 0) }}</div>
                        </div>
                        <i class="bi bi-passport fs-1 muted"></i>
                    </div>
                </div>
            </div>

            <div class="col-12 col-sm-6 col-lg-3">
                <div class="card card-dark shadow-soft p-3 h-100">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <div class="muted mb-1">الباقات</div>
                            <div class="stat-value">{{ number_format($stats['packages'] ?? 0) }}</div>
                        </div>
                        <i class="bi bi-box-seam fs-1 muted"></i>
                    </div>
                </div>
            </div>

            <div class="col-12 col-sm-6 col-lg-3">
                <div class="card card-dark shadow-soft p-3 h-100">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <div class="muted mb-1">الحجوزات</div>
                            <div class="stat-value">{{ number_format($stats['bookings'] ?? 0) }}</div>
                        </div>
                        <i class="bi bi-calendar-check fs-1 muted"></i>
                    </div>
                </div>
            </div>

            <div class="col-12 col-sm-6 col-lg-3">
                <div class="card card-dark shadow-soft p-3 h-100">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <div class="muted mb-1">المدفوعات</div>
                            <div class="stat-value">{{ number_format($stats['payments'] ?? 0) }}</div>
                        </div>
                        <i class="bi bi-credit-card fs-1 muted"></i>
                    </div>
                </div>
            </div>
        </div>

    </div>
@endsection