@extends('dashboard.layout')
@section('title','لوحة التحكم')

@section('content')
<div class="row g-3">
  {{-- Quick stats --}}
  @php $stats = $stats ?? ['orders_total'=>0,'orders_pending'=>0,'sales_today'=>0,'customers'=>0]; @endphp

  <div class="col-6 col-lg-3">
    <div class="card card-dark p-3">
      <div class="d-flex justify-content-between align-items-center mb-2">
        <span class="text-muted small">إجمالي الطلبات</span>
        <i class="fas fa-receipt" style="color:var(--primary)"></i>
      </div>
      <div class="h4 mb-0">{{ $stats['orders_total'] }}</div>
    </div>
  </div>
  <div class="col-6 col-lg-3">
    <div class="card card-dark p-3">
      <div class="d-flex justify-content-between align-items-center mb-2">
        <span class="text-muted small">طلبات قيد المعالجة</span>
        <i class="fas fa-hourglass-half" style="color:var(--warning)"></i>
      </div>
      <div class="h4 mb-0">{{ $stats['orders_pending'] }}</div>
    </div>
  </div>
  <div class="col-6 col-lg-3">
    <div class="card card-dark p-3">
      <div class="d-flex justify-content-between align-items-center mb-2">
        <span class="text-muted small">مبيعات اليوم</span>
        <i class="fas fa-sack-dollar" style="color:var(--success)"></i>
      </div>
      <div class="h4 mb-0">{{ number_format($stats['sales_today'], 2) }}</div>
    </div>
  </div>
  <div class="col-6 col-lg-3">
    <div class="card card-dark p-3">
      <div class="d-flex justify-content-between align-items-center mb-2">
        <span class="text-muted small">العملاء</span>
        <i class="fas fa-users" style="color:var(--primary)"></i>
      </div>
      <div class="h4 mb-0">{{ $stats['customers'] }}</div>
    </div>
  </div>

  {{-- Recent orders table --}}
  <div class="col-12">
    <div class="card card-dark p-3">
      <div class="d-flex align-items-center justify-content-between mb-2">
        <h2 class="h6 m-0">آخر الطلبات</h2>
        <a href="{{ route('dashboard.orders.index') }}" class="btn btn-outline-secondary btn-sm">عرض الكل</a>
      </div>

      <div class="table-responsive-stack">
        <table class="table align-middle mb-0">
          <thead><tr><th>#</th><th>العميل</th><th>الإجمالي</th><th>الحالة</th><th>التاريخ</th><th>الإجراءات</th></tr></thead>
          <tbody>
          @forelse(($recentOrders ?? []) as $order)
            <tr>
              <td>{{ $order->id }}</td>
              <td>{{ $order->customer_name ?? '—' }}</td>
              <td>{{ number_format($order->total_amount, 2) }}</td>
              <td>
                <span class="badge bg-{{ $order->status === 'paid' ? 'success' : ($order->status === 'pending' ? 'warning' : 'secondary') }}">
                  {{ $order->status }}
                </span>
              </td>
              <td>{{ $order->created_at?->format('Y-m-d H:i') }}</td>
              <td><a href="{{ route('dashboard.orders.show',$order) }}" class="btn btn-sm btn-primary">عرض</a></td>
            </tr>
          @empty
            <tr><td colspan="6" class="text-muted">لا توجد طلبات بعد.</td></tr>
          @endforelse
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
@endsection