@extends('layouts.account', ['title' => 'طلباتي | RaseedNow'])

@section('account_content')
    <div class="kd-page-head">
        <h1>طلباتي</h1>
    </div>

    <section class="kd-card">
        <div class="kd-card-head">
            <h2>جميع الطلبات ({{ $orders->total() }})</h2>
            <form method="GET" class="kd-filter-form">
                <select name="status" onchange="this.form.submit()">
                    <option value="">جميع الحالات</option>
                    @foreach(['pending' => 'معلق', 'paid' => 'مدفوع', 'processing' => 'قيد التنفيذ', 'completed' => 'مكتمل', 'cancelled' => 'ملغي', 'failed' => 'فاشل'] as $value => $label)
                        <option value="{{ $value }}" @selected($status === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </form>
        </div>

        <div class="kd-list">
            @forelse($orders as $order)
                <a href="{{ route('orders.show', $order) }}" class="kd-order-row">
                    <div>
                        <strong>{{ $order->order_number }}</strong>
                        <span>{{ $order->created_at->format('Y-m-d H:i') }}</span>
                    </div>
                    <div>
                        <span>{{ $order->items->pluck('name_snapshot')->join('، ') ?: 'طلب متجر' }}</span>
                    </div>
                    <strong>{{ number_format($order->total_minor / 100, 2) }} {{ $order->currency_code }}</strong>
                    <em>{{ $order->payment_status }} / {{ $order->fulfillment_status }}</em>
                </a>
            @empty
                <div class="kd-empty"><h3>لا توجد طلبات بعد</h3><p>تصفح المنتجات واختر أول باقة.</p><a href="{{ route('home') }}">تصفح المنتجات</a></div>
            @endforelse
        </div>

        {{ $orders->links() }}
    </section>
@endsection
