@extends('admin.layouts.app')

@section('title', 'تفاصيل الطلب - ' . $order->order_number)

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <!-- أزرار الإجراءات -->
            <div class="mb-3">
                <div class="btn-group" role="group">
                    <a href="{{ route('admin.restaurants.orders.index', $restaurant->id) }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-right"></i> رجوع
                    </a>
                    <a href="{{ route('admin.restaurants.show', $restaurant->id) }}" class="btn btn-info">
                        <i class="fas fa-utensils"></i> المطعم
                    </a>
                </div>
            </div>

            <div class="row">
                <!-- معلومات الطلب -->
                <div class="col-md-8">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0">
                                <i class="fas fa-shopping-cart"></i> تفاصيل الطلب #{{ $order->order_number ?? $order->id }}
                            </h5>
                        </div>
                        <div class="card-body">
                            <!-- معلومات العميل -->
                            <div class="row mb-4">
                                <div class="col-md-6">
                                    <h6 class="text-primary">
                                        <i class="fas fa-user"></i> معلومات العميل
                                    </h6>
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>الاسم:</strong></td>
                                            <td>{{ $order->customer->name ?? 'غير محدد' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>الهاتف:</strong></td>
                                            <td>{{ $order->customer->phone ?? 'غير محدد' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>البريد:</strong></td>
                                            <td>{{ $order->customer->email ?? 'غير محدد' }}</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <h6 class="text-primary">
                                        <i class="fas fa-truck"></i> معلومات السائق
                                    </h6>
                                    @if($order->driver)
                                        <table class="table table-borderless">
                                            <tr>
                                                <td><strong>الاسم:</strong></td>
                                                <td>{{ $order->driver->name }}</td>
                                            </tr>
                                            <tr>
                                                <td><strong>الهاتف:</strong></td>
                                                <td>{{ $order->driver->phone ?? 'غير محدد' }}</td>
                                            </tr>
                                        </table>
                                    @else
                                        <p class="text-muted">لم يتم تعيين سائق</p>
                                    @endif
                                </div>
                            </div>

                            <hr>

                            <!-- معلومات الطلب -->
                            <div class="row mb-4">
                                <div class="col-md-6">
                                    <h6 class="text-primary">
                                        <i class="fas fa-info-circle"></i> معلومات الطلب
                                    </h6>
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>الحالة:</strong></td>
                                            <td>
                                                @php
                                                    $statusColors = [
                                                        'pending' => 'warning',
                                                        'confirmed' => 'info',
                                                        'preparing' => 'primary',
                                                        'ready' => 'success',
                                                        'picked_up' => 'secondary',
                                                        'delivered' => 'success',
                                                        'cancelled' => 'danger'
                                                    ];
                                                    $statusLabels = [
                                                        'pending' => 'معلق',
                                                        'confirmed' => 'مؤكد',
                                                        'preparing' => 'قيد التجهيز',
                                                        'ready' => 'جاهز',
                                                        'picked_up' => 'تم الاستلام',
                                                        'delivered' => 'مكتمل',
                                                        'cancelled' => 'ملغي'
                                                    ];
                                                @endphp
                                                <span class="badge bg-{{ $statusColors[$order->status] ?? 'secondary' }}">
                                                    {{ $statusLabels[$order->status] ?? $order->status }}
                                                </span>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>تاريخ الطلب:</strong></td>
                                            <td>{{ $order->created_at->format('Y-m-d H:i:s') }}</td>
                                        </tr>
                                        @if($order->estimated_delivery_time)
                                        <tr>
                                            <td><strong>وقت التوصيل المتوقع:</strong></td>
                                            <td>{{ $order->estimated_delivery_time->format('Y-m-d H:i') }}</td>
                                        </tr>
                                        @endif
                                        @if($order->actual_delivery_time)
                                        <tr>
                                            <td><strong>وقت التوصيل الفعلي:</strong></td>
                                            <td>{{ $order->actual_delivery_time->format('Y-m-d H:i') }}</td>
                                        </tr>
                                        @endif
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <h6 class="text-primary">
                                        <i class="fas fa-map-marker-alt"></i> معلومات التوصيل
                                    </h6>
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>العنوان:</strong></td>
                                            <td>{{ $order->delivery_address ?? 'غير محدد' }}</td>
                                        </tr>
                                        @if($order->delivery_latitude && $order->delivery_longitude)
                                        <tr>
                                            <td><strong>الإحداثيات:</strong></td>
                                            <td>
                                                {{ $order->delivery_latitude }}, {{ $order->delivery_longitude }}
                                            </td>
                                        </tr>
                                        @endif
                                    </table>
                                </div>
                            </div>

                            @if($order->special_instructions)
                            <hr>
                            <div class="mb-4">
                                <h6 class="text-primary">
                                    <i class="fas fa-sticky-note"></i> تعليمات خاصة
                                </h6>
                                <p class="bg-light p-3 rounded">{{ $order->special_instructions }}</p>
                            </div>
                            @endif

                            <hr>

                            <!-- قائمة الأطباق -->
                            <h6 class="text-primary mb-3">
                                <i class="fas fa-utensils"></i> قائمة الأطباق
                            </h6>
                            <div class="table-responsive">
                                <table class="table table-bordered">
                                    <thead>
                                        <tr>
                                            <th>الصورة</th>
                                            <th>اسم الطبق</th>
                                            <th>الكمية</th>
                                            <th>السعر</th>
                                            <th>المجموع</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse($order->orderItems as $item)
                                        <tr>
                                            <td>
                                                @if($item->menuItem && $item->menuItem->image)
                                                    <img src="{{ asset('storage/' . $item->menuItem->image) }}"
                                                         alt="{{ $item->menuItem->name }}"
                                                         class="rounded"
                                                         width="50" height="50"
                                                         style="object-fit: cover;">
                                                @else
                                                    <div class="bg-secondary rounded d-flex align-items-center justify-content-center"
                                                         style="width: 50px; height: 50px;">
                                                        <i class="fas fa-utensils text-white"></i>
                                                    </div>
                                                @endif
                                            </td>
                                            <td>
                                                <strong>{{ $item->menuItem->name ?? 'طبق محذوف' }}</strong>
                                                @if($item->menuItem && $item->menuItem->description)
                                                    <br><small class="text-muted">{{ Str::limit($item->menuItem->description, 50) }}</small>
                                                @endif
                                            </td>
                                            <td>{{ $item->quantity }}</td>
                                            <td>{{ number_format($item->unit_price ?? 0, 0) }} د.ع</td>
                                            <td><strong>{{ number_format($item->total_price ?? ($item->unit_price ?? 0) * $item->quantity, 0) }} د.ع</strong></td>
                                        </tr>
                                        @empty
                                        <tr>
                                            <td colspan="5" class="text-center text-muted">لا توجد أطباق</td>
                                        </tr>
                                        @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- الملخص المالي -->
                <div class="col-md-4">
                    <div class="card">
                        <div class="card-header">
                            <h5 class="mb-0">
                                <i class="fas fa-calculator"></i> الملخص المالي
                            </h5>
                        </div>
                        <div class="card-body">
                            <table class="table table-borderless">
                                <tr>
                                    <td><strong>المجموع الفرعي:</strong></td>
                                    <td class="text-end">{{ number_format($order->subtotal, 0) }} د.ع</td>
                                </tr>
                                <tr>
                                    <td><strong>رسوم التوصيل:</strong></td>
                                    <td class="text-end">{{ number_format($order->delivery_fee ?? 0, 0) }} د.ع</td>
                                </tr>
                                <tr>
                                    <td><strong>الضريبة:</strong></td>
                                    <td class="text-end">{{ number_format($order->tax ?? 0, 0) }} د.ع</td>
                                </tr>
                                <tr class="border-top">
                                    <td><strong class="h5">المجموع الكلي:</strong></td>
                                    <td class="text-end">
                                        <strong class="h5 text-success">{{ number_format($order->total, 0) }} د.ع</strong>
                                    </td>
                                </tr>
                            </table>

                            <hr>

                            <div class="mb-3">
                                <strong>طريقة الدفع:</strong>
                                <br>
                                @php
                                    $paymentLabels = [
                                        'cash' => 'نقدي',
                                        'card' => 'بطاقة',
                                        'online' => 'أونلاين'
                                    ];
                                @endphp
                                <span class="badge bg-info">{{ $paymentLabels[$order->payment_method] ?? $order->payment_method ?? 'غير محدد' }}</span>
                            </div>

                            <div class="mb-3">
                                <strong>حالة الدفع:</strong>
                                <br>
                                <span class="badge bg-{{ ($order->payment_status ?? 'unpaid') == 'paid' ? 'success' : 'warning' }}">
                                    {{ ($order->payment_status ?? 'unpaid') == 'paid' ? 'مدفوع' : 'غير مدفوع' }}
                                </span>
                            </div>

                            @if($order->customer_rating)
                            <hr>
                            <div>
                                <strong>التقييم:</strong>
                                <div class="mt-2">
                                    @for($i = 1; $i <= 5; $i++)
                                        @if($i <= $order->customer_rating)
                                            <i class="fas fa-star text-warning"></i>
                                        @else
                                            <i class="far fa-star text-muted"></i>
                                        @endif
                                    @endfor
                                    <span class="ms-2">({{ number_format($order->customer_rating, 1) }})</span>
                                </div>
                                @if($order->customer_feedback)
                                <p class="mt-2 text-muted"><em>"{{ $order->customer_feedback }}"</em></p>
                                @endif
                            </div>
                            @endif
                        </div>
                    </div>

                    <!-- تحديث الحالة -->
                    <div class="card mt-3">
                        <div class="card-header">
                            <h5 class="mb-0">
                                <i class="fas fa-edit"></i> تحديث الحالة
                            </h5>
                        </div>
                        <div class="card-body">
                            <form method="POST" action="{{ route('admin.restaurants.orders.update-status', [$restaurant->id, $order->id]) }}">
                                @csrf
                                @method('PUT')
                                <div class="form-group">
                                    <label for="status">الحالة:</label>
                                    <select name="status" id="status" class="form-control">
                                        <option value="pending" {{ $order->status == 'pending' ? 'selected' : '' }}>معلق</option>
                                        <option value="confirmed" {{ $order->status == 'confirmed' ? 'selected' : '' }}>مؤكد</option>
                                        <option value="preparing" {{ $order->status == 'preparing' ? 'selected' : '' }}>قيد التجهيز</option>
                                        <option value="ready" {{ $order->status == 'ready' ? 'selected' : '' }}>جاهز</option>
                                        <option value="picked_up" {{ $order->status == 'picked_up' ? 'selected' : '' }}>تم الاستلام</option>
                                        <option value="delivered" {{ $order->status == 'delivered' ? 'selected' : '' }}>مكتمل</option>
                                        <option value="cancelled" {{ $order->status == 'cancelled' ? 'selected' : '' }}>ملغي</option>
                                    </select>
                                </div>
                                <button type="submit" class="btn btn-primary btn-block mt-3">
                                    <i class="fas fa-save"></i> حفظ التغييرات
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

