@extends('layouts.admin', ['title' => 'طلب '.$order->order_number])

@php
    $fmt = fn ($minor) => number_format(($minor ?? 0) / 100, 2).' ج.م';
    $statusLabels = [
        'pending' => 'معلق',
        'processing' => 'قيد التنفيذ',
        'completed' => 'مكتمل',
        'failed' => 'فاشل',
        'refunded' => 'مسترد',
        'cancelled' => 'ملغي',
        'info_required' => 'يحتاج بيانات',
    ];
@endphp

@section('content')
    <section class="ac-section">
        <div class="ac-panel">
            <div class="ac-panel-head">
                <div>
                    <p>رقم الطلب</p>
                    <h2>{{ $order->order_number }}</h2>
                </div>
                <a class="ac-btn secondary" href="{{ route('admin.orders.index') }}">كل الطلبات</a>
            </div>
            <div class="ac-kpi-grid">
                <div class="ac-kpi"><span>اسم العميل</span><strong>{{ $order->customer_name }}</strong></div>
                <div class="ac-kpi" style="--accent:#0ea5e9"><span>طريقة الدفع</span><strong>{{ $order->payment_method ?: 'غير محدد' }}</strong></div>
                <div class="ac-kpi" style="--accent:#16a34a"><span>المبلغ</span><strong>{{ $fmt($order->total_minor) }}</strong></div>
                <div class="ac-kpi" style="--accent:#f59e0b"><span>حالة الطلب</span><strong>{{ $statusLabels[$order->fulfillment_status] ?? $order->fulfillment_status }}</strong></div>
                <div class="ac-kpi" style="--accent:#7c3aed"><span>المنتجات</span><strong>{{ $order->items->pluck('name_snapshot')->join('، ') }}</strong></div>
                <div class="ac-kpi" style="--accent:#64748b"><span>التاريخ</span><strong>{{ $order->created_at->format('Y-m-d H:i') }}</strong></div>
            </div>
        </div>

        <section class="ac-panel">
            <div class="ac-panel-head">
                <div><h2>تحديث حالة الطلب</h2><p>لو شغلت الطلب يدوي أو العميل لغاه، غير الحالة من هنا.</p></div>
            </div>
            <form method="POST" action="{{ route('admin.orders.status', $order) }}" class="ac-filter">
                @csrf
                @method('PATCH')
                <label class="form-field">
                    <span>حالة الطلب</span>
                    <select name="fulfillment_status">
                        @foreach($statusLabels as $value => $label)
                            <option value="{{ $value }}" @selected($order->fulfillment_status === $value)>{{ $label }}</option>
                        @endforeach
                    </select>
                </label>
                <button class="ac-btn">حفظ الحالة</button>
            </form>
        </section>

        <section class="ac-panel">
            <div class="ac-panel-head"><h2>منتجات الطلب والأكواد</h2></div>
            <div class="ac-grid-2">
                @foreach($order->items as $item)
                    <article class="ac-panel" style="box-shadow:none">
                        <div class="ac-panel-head">
                            <div>
                                <h2>{{ $item->name_snapshot }}</h2>
                                <p>{{ $item->sku_snapshot }} · كمية {{ $item->quantity }}</p>
                            </div>
                            <span class="ac-badge blue">{{ $item->fulfillment_status }}</span>
                        </div>
                        <div class="ac-mini-stats">
                            <div><span>السعر</span><b>{{ $fmt($item->unit_price_minor) }}</b></div>
                            <div><span>الإجمالي</span><b>{{ $fmt($item->total_minor) }}</b></div>
                            <div><span>التسليم</span><b>{{ $item->delivery_method_snapshot }}</b></div>
                        </div>
                        @if($item->stockCodes->count())
                            <div class="ac-list" style="margin-top:14px">
                                @foreach($item->stockCodes as $code)
                                    <div class="ac-list-row"><span>{{ $code->maskedCode() }}</span><strong>{{ $code->status }}</strong><em>{{ $code->sold_at?->format('Y-m-d') }}</em></div>
                                @endforeach
                            </div>
                        @else
                            <div class="ac-empty" style="margin-top:14px">لا توجد أكواد مرتبطة بهذا المنتج.</div>
                        @endif
                    </article>
                @endforeach
            </div>
        </section>

        <section class="ac-panel">
            <div class="ac-panel-head"><h2>بيانات العميل المطلوبة للشحن</h2></div>
            <div class="ac-list">
                @forelse(($order->customer_fields ?? []) as $key => $value)
                    <div class="ac-list-row"><span>{{ $key }}</span><strong>{{ is_array($value) ? json_encode($value, JSON_UNESCAPED_UNICODE) : $value }}</strong><em>بيان شحن</em></div>
                @empty
                    <div class="ac-empty">لا توجد بيانات شحن إضافية.</div>
                @endforelse
            </div>
        </section>
    </section>
@endsection