@extends('admin.layouts.app')

@section('title', 'قائمة الطلبات')

@section('content')
<div class="container-fluid pt-4 px-4">
    <div class="bg-light rounded p-4">
        <div class="d-flex align-items-center justify-content-between mb-4">
            <h6 class="mb-0">تذاكر العملاء (الطلبات)</h6>
        </div>
        
        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <i class="fa fa-check-circle me-2"></i>{{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <div class="table-responsive">
            <table class="table text-start align-middle table-bordered table-hover mb-0">
                <thead>
                    <tr class="text-dark">
                        <th scope="col">#</th>
                        <th scope="col">العميل</th>
                        <th scope="col">التذكرة</th>
                        <th scope="col">التاريخ</th>
                        <th scope="col">السعر الإجمالي</th>
                        <th scope="col">الحالة</th>
                        <th scope="col">تاريخ الطلب</th>
                        <th scope="col">إجراءات</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($orders as $order)
                        <tr>
                            <td>{{ $order->id }}</td>
                            <td>
                                <div class="d-flex flex-column">
                                    <span class="fw-bold">{{ $order->customer_name ?? 'زائر' }}</span>
                                    <small class="text-muted">{{ $order->customer_phone ?? '-' }}</small>
                                </div>
                            </td>
                            <td>
                                {{ Str::limit($order->ticket_title, 30) }}
                                <br>
                                <small class="text-muted">{{ $order->ticket_type == 'cinema' ? 'سينما' : 'رحلة' }}</small>
                            </td>
                            <td>{{ $order->booking_date ? $order->booking_date->format('Y-m-d') : '-' }}</td>
                            <td>{{ $order->total_amount }} {{ $order->currency_code }}</td>
                            <td>
                                @if($order->status == 'paid')
                                    <span class="badge bg-success">مدفوع</span>
                                @elseif($order->status == 'pending')
                                    <span class="badge bg-warning text-dark">قيد الانتظار</span>
                                @elseif($order->status == 'cancelled')
                                    <span class="badge bg-danger">ملغى</span>
                                @else
                                    <span class="badge bg-secondary">{{ $order->status }}</span>
                                @endif
                            </td>
                            <td>{{ $order->created_at->format('Y-m-d H:i') }}</td>
                            <td>
                                <a href="{{ route('admin.orders.show', $order->id) }}" class="btn btn-sm btn-info text-white me-1">
                                    <i class="fa fa-eye"></i>
                                </a>
                                {{-- <form action="{{ route('admin.orders.destroy', $order->id) }}" method="POST" class="d-inline" onsubmit="return confirm('هل أنت متأكد من الحذف؟');">
                                    @csrf
                                    @method('DELETE')
                                    <button type="button" class="btn btn-sm btn-danger"><i class="fa fa-trash"></i></button>
                                </form> --}}
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8" class="text-center py-4">لا توجد طلبات حتى الآن</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        
        <div class="mt-4">
            {{ $orders->links() }}
        </div>
    </div>
</div>
@endsection