@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 action="{{ route('dashboard.orders.index') }}" method="GET" class="d-flex gap-2">
      <input type="text" name="q" class="form-control form-control-sm" placeholder="ابحث برقم الطلب/العميل" value="{{ request('q') }}">
      <select name="status" class="form-select form-select-sm">
        <option value="">كل الحالات</option>
        @foreach(['pending'=>'قيد المعالجة','paid'=>'مدفوع','failed'=>'فشل','refunded'=>'مسترد'] as $k=>$v)
          <option value="{{ $k }}" @selected(request('status')===$k)>{{ $v }}</option>
        @endforeach
      </select>
      <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($orders as $o)
        <tr>
          <td>{{ $o->id }}</td>
          <td>{{ $o->customer_name ?? '—' }}</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>{{ strtoupper($o->payment_gateway ?? '—') }}</td>
          <td>{{ $o->created_at?->format('Y-m-d H:i') }}</td>
          <td class="d-flex flex-wrap gap-1">
            <a href="{{ route('dashboard.orders.show',$o) }}" class="btn btn-sm btn-primary">عرض</a>
            <a href="{{ route('dashboard.orders.invoice',$o) }}" class="btn btn-sm btn-outline-secondary">فاتورة</a>
          </td>
        </tr>
      @empty
        <tr><td colspan="7" class="text-muted">لا توجد طلبات.</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>

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