@extends('dashboard.layout')
@section('title','العميل #'.$customer->id)

@section('content')
<div class="row g-3">
  <div class="col-12 col-xl-4">
    <div class="card card-dark p-3">
      <h2 class="h6">بيانات العميل</h2>
      <div class="small text-muted">الاسم</div><div class="mb-2">{{ $customer->name }}</div>
      <div class="small text-muted">البريد</div><div class="mb-2">{{ $customer->email }}</div>
      <div class="small text-muted">الهاتف</div><div class="mb-2">{{ $customer->phone ?? '—' }}</div>
      <div class="small text-muted">إنشاء الحساب</div><div class="mb-2">{{ $customer->created_at?->format('Y-m-d') }}</div>
    </div>
  </div>

  <div class="col-12 col-xl-8">
    <div class="card card-dark p-3">
      <h2 class="h6 mb-2">طلبات العميل</h2>
      <div class="table-responsive-stack">
        <table class="table align-middle mb-0">
          <thead><tr><th>#</th><th>الإجمالي</th><th>الحالة</th><th>التاريخ</th><th></th></tr></thead>
          <tbody>
          @forelse($orders as $o)
            <tr>
              <td>{{ $o->id }}</td>
              <td>{{ number_format($o->total_amount,2) }}</td>
              <td><span class="badge bg-{{ $o->status==='paid'?'success':($o->status==='pending'?'warning':($o->status==='failed'?'danger':'secondary')) }}">{{ $o->status }}</span></td>
              <td>{{ $o->created_at?->format('Y-m-d H:i') }}</td>
              <td><a href="{{ route('dashboard.orders.show',$o) }}" class="btn btn-sm btn-primary">عرض</a></td>
            </tr>
          @empty
            <tr><td colspan="5" class="text-muted">لا توجد طلبات.</td></tr>
          @endforelse
          </tbody>
        </table>
      </div>
      <div class="mt-3">{{ $orders->links() }}</div>
    </div>
  </div>
</div>
@endsection