@extends('layouts.storefront')

@section('content')
<div class="max-w-7xl mx-auto px-4 py-10">
    <h1 class="text-2xl font-bold text-primary mb-6">طلباتي</h1>

    @if($orders->count())
        <div class="space-y-6">
            @foreach($orders as $order)
                <div class="bg-base-100 p-6 rounded-xl shadow border border-base-200">
                    <div class="flex justify-between items-center mb-2">
                        <div class="text-sm text-gray-500">رقم الطلب: <span class="font-medium text-primary">#{{ $order->id }}</span></div>
                        <div class="text-sm text-gray-500">التاريخ: {{ $order->created_at->format('Y-m-d') }}</div>
                    </div>
                    <div class="text-sm text-gray-600">الحالة: <span class="font-semibold text-primary">{{ __($order->status) }}</span></div>
                    <div class="text-sm text-gray-600 mt-1">الإجمالي: {{ $order->total }} ﷼</div>

                    <div class="mt-4 text-right">
                        <a href="{{ route('customer.orders.show', $order->id) }}" class="btn btn-sm btn-outline btn-primary">عرض التفاصيل</a>
                    </div>
                </div>
            @endforeach
        </div>
    @else
        <div class="bg-yellow-50 text-yellow-800 p-4 rounded-lg">
            لا توجد طلبات حتى الآن.
        </div>
    @endif
</div>
@endsection