@extends('dashboard.layout')
@section('title','العملاء')
@section('container','container-fluid')

@section('content')
<div class="card card-dark p-3">
  <div class="d-flex flex-wrap gap-2 align-items-center justify-content-between mb-3">
    <h2 class="h6 m-0">قائمة العملاء</h2>
    <form method="GET" class="d-flex gap-2">
      <input type="text" name="q" class="form-control form-control-sm" placeholder="ابحث بالاسم/البريد" value="{{ request('q') }}">
      <button class="btn btn-outline-secondary btn-sm">ابحث</button>
    </form>
  </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><th></th></tr></thead>
      <tbody>
      @forelse($customers as $c)
        <tr>
          <td>{{ $c->id }}</td>
          <td class="fw-bold">{{ $c->name }}</td>
          <td>{{ $c->email }}</td>
          <td>{{ $c->phone ?? '—' }}</td>
          <td>{{ $c->orders_count ?? $c->orders()->count() }}</td>
          <td>{{ optional($c->orders()->latest()->first())->created_at?->format('Y-m-d') ?? '—' }}</td>
          <td><a href="{{ route('dashboard.customers.show',$c) }}" class="btn btn-sm btn-primary">عرض</a></td>
        </tr>
      @empty
        <tr><td colspan="7" class="text-muted">لا يوجد عملاء.</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>

  <div class="mt-3">{{ $customers->withQueryString()->links() }}</div>
</div>
@endsection