@extends('layouts.admin', ['title' => 'الطلبات'])

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

@section('content')
    <section class="ac-section ac-orders-cards-page">
        <div class="ac-panel">
            <div class="ac-panel-head">
                <div><h2>إدارة الطلبات</h2><p>كل طلب في كارت واضح يعرض العميل والدفع والتنفيذ، واضغط عليه لفتح التحكم الكامل.</p></div>
                <a class="ac-btn secondary" href="{{ route('admin.exports.orders') }}">تصدير CSV</a>
            </div>
            <div class="ac-kpi-grid">
                <a class="ac-kpi" href="{{ route('admin.orders.index') }}"><span>إجمالي الطلبات</span><strong>{{ number_format($summary['total']) }}</strong></a>
                <a class="ac-kpi" style="--accent:#16a34a" href="{{ route('admin.orders.index', ['fulfillment_status' => 'completed']) }}"><span>مكتملة</span><strong>{{ number_format($summary['completed']) }}</strong></a>
                <a class="ac-kpi" style="--accent:#f59e0b" href="{{ route('admin.orders.index', ['fulfillment_status' => 'pending']) }}"><span>معلقة</span><strong>{{ number_format($summary['pending']) }}</strong></a>
                <a class="ac-kpi" style="--accent:#dc2626" href="{{ route('admin.orders.index', ['fulfillment_status' => 'failed']) }}"><span>فاشلة</span><strong>{{ number_format($summary['failed']) }}</strong></a>
                <a class="ac-kpi" style="--accent:#7c3aed" href="{{ route('admin.orders.index', ['fulfillment_status' => 'refunded']) }}"><span>مستردة</span><strong>{{ number_format($summary['refunded']) }}</strong></a>
            </div>
        </div>

        <form method="GET" class="ac-panel ac-filter">
            <label class="form-field"><span>بحث برقم الطلب</span><input name="q" value="{{ $query }}" placeholder="رقم الطلب، اسم العميل أو ID"></label>
            <label class="form-field"><span>حالة الطلب</span><select name="fulfillment_status"><option value="">كل الحالات</option>@foreach($statusLabels as $value => $label)<option value="{{ $value }}" @selected($fulfillment === $value)>{{ $label }}</option>@endforeach</select></label>
            <button class="ac-btn" type="submit">بحث</button>
        </form>

        <div class="ac-panel ac-entity-cards-panel">
            <div class="ac-customer-table-head">
                <div><strong>{{ $orders->total() }} طلب</strong><span>نتيجة مطابقة للفلاتر الحالية</span></div>
                <form id="bulk-orders-form" method="POST" action="{{ route('admin.bulk.orders') }}" class="ac-customer-bulk">
                    @csrf
                    <label class="ac-customer-select-all"><input type="checkbox" data-order-check-all> تحديد الكل</label>
                    <select name="action" required><option value="">إجراء جماعي</option><option value="mark_paid">تعليم كمدفوع</option><option value="complete">إكمال الطلبات</option><option value="provider_fulfill">تنفيذ عبر المزود</option></select>
                    <button class="ac-btn secondary">تنفيذ</button>
                </form>
            </div>
            <div class="ac-order-card-grid">
                @forelse($orders as $order)
                    @php
                        $customer = $order->user;
                        $customerName = $customer?->display_name ?: $customer?->name ?: $order->customer_name;
                        $avatar = $customer?->avatarSrc();
                        $rank = $customer && ! $customer->isAdmin() ? $customer->rankMeta() : null;
                        $statusClass = $order->fulfillment_status === 'completed' ? 'green' : ($order->fulfillment_status === 'failed' ? 'red' : 'orange');
                    @endphp
                    <article class="ac-order-mini-card">
                        <input class="ac-entity-card-check" form="bulk-orders-form" type="checkbox" name="ids[]" value="{{ $order->id }}" data-order-check aria-label="تحديد {{ $order->order_number }}">
                        <a href="{{ route('admin.orders.show', $order) }}" class="ac-order-card-link">
                            <span class="ac-order-card-top"><strong>{{ $order->order_number }}</strong><span class="ac-badge {{ $statusClass }}">{{ $statusLabels[$order->fulfillment_status] ?? $order->fulfillment_status }}</span></span>
                            <span class="ac-entity-customer">
                                <span class="ac-customer-avatar">@if($avatar)<img src="{{ $avatar }}" alt="">@else<span>{{ mb_strtoupper(mb_substr($customerName ?: 'G', 0, 1)) }}</span>@endif</span>
                                <span><b>{{ $customerName }}</b>@if($rank)<i class="ac-rank-verify is-{{ $rank['class'] }}" title="{{ $rank['label'] }}">{{ $rank['icon'] }}</i>@endif<small>ID {{ $customer?->public_id ?: '-' }}</small></span>
                            </span>
                            <span class="ac-order-products"><small>{{ $order->items->count() }} منتج</small><strong>{{ $order->items->pluck('name_snapshot')->join('، ') }}</strong></span>
                            <span class="ac-order-card-stats"><span><small>الإجمالي</small><b>{{ $fmt($order->total_minor) }}</b></span><span><small>الدفع</small><b class="is-{{ $order->payment_status }}">{{ $paymentLabels[$order->payment_status] ?? $order->payment_status }}</b></span></span>
                            <span class="ac-entity-card-foot"><small>{{ $order->created_at->format('Y/m/d') }}</small><em>فتح الطلب ←</em></span>
                        </a>
                    </article>
                @empty
                    <div class="ac-empty ac-entity-empty">لا توجد طلبات مطابقة.</div>
                @endforelse
            </div>
            <div class="ac-entity-pagination">{{ $orders->links() }}</div>
        </div>
    </section>

    <script>
        document.querySelector('[data-order-check-all]')?.addEventListener('change', function () {
            document.querySelectorAll('[data-order-check]').forEach((checkbox) => checkbox.checked = this.checked);
        });
    </script>
@endsection