@extends('dashboard.layout')
@section('title','تفاصيل الطلب #'.$order->id)

@section('content')
<div class="row g-3">
  <div class="col-12 col-xl-8">
    <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 class="btn btn-outline-secondary btn-sm" href="{{ route('dashboard.orders.invoice',$order) }}">
          <i class="fas fa-file-invoice ms-1"></i> عرض الفاتورة
        </a>
      </div>

      <div class="table-responsive-stack">
        <table class="table align-middle mb-0">
          <thead><tr><th>المنتج</th><th>الكمية</th><th>السعر</th><th>الإجمالي</th></tr></thead>
          <tbody>
            @foreach($order->items as $item)
              <tr>
                <td>{{ $item->product_name ?? $item->product?->name }}</td>
                <td>{{ $item->quantity }}</td>
                <td>{{ number_format($item->unit_price,2) }}</td>
                <td>{{ number_format($item->unit_price * $item->quantity,2) }}</td>
              </tr>
            @endforeach
          </tbody>
          <tfoot>
            <tr><td class="fw-bold">المجموع</td><td></td><td></td><td>{{ number_format($order->subtotal,2) }}</td></tr>
            @if($order->discount > 0)
              <tr><td class="fw-bold">الخصم</td><td></td><td></td><td>-{{ number_format($order->discount,2) }}</td></tr>
            @endif
            <tr><td class="fw-bold">الشحن</td><td></td><td></td><td>{{ number_format($order->shipping ?? 0,2) }}</td></tr>
            <tr><td class="fw-bold">الإجمالي النهائي</td><td></td><td></td><td class="fw-bold">{{ number_format($order->total_amount,2) }}</td></tr>
          </tfoot>
        </table>
      </div>
    </div>
  </div>

  <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">{{ $order->customer_name ?? '—' }}</div>
      <div class="small text-muted">البريد</div><div class="mb-2">{{ $order->customer_email ?? '—' }}</div>
      <div class="small text-muted">الهاتف</div><div class="mb-2">{{ $order->customer_phone ?? '—' }}</div>
      <div class="small text-muted">العنوان</div><div class="mb-2">{{ $order->shipping_address ?? '—' }}</div>
      <hr>
      <div class="small text-muted">الحالة</div>
      <div class="mb-2"><span class="badge bg-{{ $order->status==='paid'?'success':($order->status==='pending'?'warning':($order->status==='failed'?'danger':'secondary')) }}">{{ $order->status }}</span></div>
      <div class="small text-muted">بوابة الدفع</div><div class="mb-3">{{ strtoupper($order->payment_gateway ?? '—') }}</div>
      <form action="{{ route('dashboard.orders.update',$order) }}" method="POST" class="d-flex gap-2">@csrf @method('PUT')
        <select name="status" class="form-select form-select-sm" style="max-width:200px">
          @foreach(['pending'=>'قيد المعالجة','paid'=>'مدفوع','failed'=>'فشل','refunded'=>'مسترد'] as $k=>$v)
            <option value="{{ $k }}" @selected($order->status===$k)>{{ $v }}</option>
          @endforeach
        </select>
        <button class="btn btn-primary btn-sm">تحديث</button>
      </form>
    </div>
  </div>
</div>
@endsection