@extends('admin.layouts.admin')

@section('content')
<div class="bg-white p-6 rounded-lg shadow-md">
    <div class="flex justify-between items-center mb-6">
        <h2 class="text-2xl font-bold text-gray-800">إدارة طلبات الشراء المجمعة</h2>
    </div>

    <div class="overflow-x-auto">
        <table class="w-full text-right border-collapse">
            <thead>
                <tr class="bg-gray-100">
                    <th class="p-3 border">رقم الطلب</th>
                    <th class="p-3 border">العميل</th>
                    <th class="p-3 border">الحالة</th>
                    <th class="p-3 border">الإجمالي</th>
                    <th class="p-3 border">التاريخ</th>
                    <th class="p-3 border">العمليات</th>
                </tr>
            </thead>
            <tbody>
                @forelse($orders as $order)
                <tr class="hover:bg-gray-50">
                    <td class="p-3 border font-bold">{{ $order->order_number }}</td>
                    <td class="p-3 border">
                        <div>{{ $order->customer_name }}</div>
                        <div class="text-xs text-gray-500">{{ $order->customer_phone }}</div>
                    </td>
                    <td class="p-3 border">
                        @php
                            $statusClasses = [
                                'pending' => 'bg-yellow-100 text-yellow-800',
                                'processing' => 'bg-blue-100 text-blue-800',
                                'completed' => 'bg-green-100 text-green-800',
                                'cancelled' => 'bg-red-100 text-red-800',
                            ];
                            $statusLabels = [
                                'pending' => 'قيد الانتظار',
                                'processing' => 'جاري التنفيذ',
                                'completed' => 'مكتمل',
                                'cancelled' => 'ملغي',
                            ];
                        @endphp
                        <span class="px-2 py-1 rounded-full text-xs {{ $statusClasses[$order->status] ?? 'bg-gray-100' }}">
                            {{ $statusLabels[$order->status] ?? $order->status }}
                        </span>
                    </td>
                    <td class="p-3 border font-bold text-blue-600">{{ number_format($order->total_amount, 2) }} ج.م</td>
                    <td class="p-3 border">{{ $order->created_at->format('Y-m-d H:i') }}</td>
                    <td class="p-3 border flex gap-2">
                        <a href="{{ route('admin.orders.show', $order->id) }}" class="text-blue-600 hover:text-blue-800">
                            <i class="fas fa-eye"></i> عرض
                        </a>
                        <form action="{{ route('admin.orders.destroy', $order->id) }}" method="POST" onsubmit="return confirm('هل أنت متأكد من حذف هذا الطلب؟')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="text-red-600 hover:text-red-800">
                                <i class="fas fa-trash"></i> حذف
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="p-4 text-center text-gray-500">لا توجد طلبات شراء حتى الآن.</td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">
        {{ $orders->links() }}
    </div>
</div>
@endsection