@extends('layouts.admin')

@section('content')
<div class="container mx-auto px-4 py-8">
    <div class="flex justify-between items-center mb-8">
        <h1 class="text-3xl font-bold text-gray-800">مدیریت سفارشات فروشگاه</h1>
        <a href="{{ route('admin.shop.index') }}" class="bg-gray-100 hover:bg-gray-200 text-gray-700 font-bold py-2.5 px-6 rounded-lg transition duration-200">بازگشت به فروشگاه</a>
    </div>

    <div class="bg-white rounded-xl shadow p-6 border border-gray-100">
        <div class="overflow-x-auto">
            <table class="w-full text-right border-collapse">
                <thead>
                    <tr class="bg-gray-50 text-gray-500 text-sm">
                        <th class="p-3 border-b">شناسه</th>
                        <th class="p-3 border-b">کاربر خریدار</th>
                        <th class="p-3 border-b">محصول</th>
                        <th class="p-3 border-b">مبلغ پرداختی</th>
                        <th class="p-3 border-b">درگاه پرداخت</th>
                        <th class="p-3 border-b">وضعیت</th>
                        <th class="p-3 border-b">کد رهگیری / مرجع</th>
                        <th class="p-3 border-b">تاریخ ثبت</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($orders as $order)
                        <tr class="hover:bg-gray-50 text-sm border-b">
                            <td class="p-3 font-mono text-gray-500">#{{ $order->id }}</td>
                            <td class="p-3 font-bold text-gray-700">
                                {{ $order->user->name ?? 'کاربر سایت' }} 
                                <span class="text-xs text-gray-400 block font-mono">chat_id: {{ $order->user->chat_id ?? 'N/A' }}</span>
                            </td>
                            <td class="p-3 font-bold text-gray-700">{{ $order->product->title ?? 'محصول حذف شده' }}</td>
                            <td class="p-3 font-mono text-gray-700">
                                @if($order->payment_gateway === 'stars')
                                    {{ $order->stars_amount }} Stars ⭐
                                @else
                                    {{ number_format($order->amount) }} تومان
                                @endif
                            </td>
                            <td class="p-3">
                                <span class="px-2 py-1 text-xs font-bold rounded bg-gray-100 text-gray-600 uppercase">
                                    {{ $order->payment_gateway }}
                                </span>
                            </td>
                            <td class="p-3">
                                <span class="px-2.5 py-1 text-xs font-bold rounded-full 
                                    @if($order->status === 'completed') bg-green-50 text-green-700
                                    @elseif($order->status === 'pending') bg-yellow-50 text-yellow-700
                                    @else bg-red-50 text-red-700 @endif">
                                    {{ $order->status === 'completed' ? 'موفق' : ($order->status === 'pending' ? 'در انتظار' : 'ناموفق') }}
                                </span>
                            </td>
                            <td class="p-3 font-mono text-gray-500">{{ $order->ref_id ?? $order->authority ?? '---' }}</td>
                            <td class="p-3 text-gray-500 text-xs">{{ $order->created_at ? $order->created_at->format('Y-m-d H:i') : '---' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="p-8 text-center text-gray-400">هیچ سفارشی ثبت نشده است.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection