@extends('layouts.storefront')
@section('title','شكراً لطلبك')

@section('content')
@php
  $order = \App\Models\Order::with(['items.product','items.productCode'])
           ->find(session('last_order_id'));
@endphp

<div class="max-w-3xl mx-auto py-10 space-y-6">
  <h1 class="text-2xl font-bold">تم إكمال طلبك 🎉</h1>
  @if($order && $order->isPaid())
    <p class="text-gray-600">رقم الطلب: <strong>#{{ $order->id }}</strong></p>

    <div class="bg-base-100 rounded-xl p-6 shadow space-y-3">
      <h2 class="font-semibold">رموز الهدايا الخاصة بك:</h2>
      @foreach($order->items as $item)
        <div class="flex items-center justify-between border-b pb-2">
          <div>
            <div class="font-medium">{{ $item->product->name ?? 'منتج' }}</div>
            <div class="text-sm text-gray-500">السعر: {{ number_format($item->price,2) }} SAR</div>
          </div>
          <div class="font-mono text-lg">
            @if($item->productCode && $item->productCode->status === 'sold')
              {{ $item->productCode->code }}
            @else
              <span class="text-warning">قيد المعالجة…</span>
            @endif
          </div>
        </div>
      @endforeach
    </div>
  @else
    <p>نحن نتحقق من الدفع الخاص بك. ستظهر الرموز هنا بعد التأكيد.</p>
  @endif

  <a href="{{ route('storefront.home') }}" class="btn btn-primary">العودة للمتجر</a>
</div>
@endsection