@extends('admin.layouts.app')

@section('title', 'تفاصيل المطعم')
@section('page-title', 'تفاصيل المطعم')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <!-- أزرار الإجراءات -->
            <div class="mb-3">
                <div class="btn-group" role="group">
                    <a href="{{ route('admin.restaurants') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-right"></i> رجوع
                    </a>
                    <a href="{{ route('admin.restaurants.edit', $restaurant->id) }}" class="btn btn-warning">
                        <i class="fas fa-edit"></i> تعديل
                    </a>
                    <button type="button" class="btn btn-danger" onclick="deleteRestaurant({{ $restaurant->id }})">
                        <i class="fas fa-trash"></i> حذف
                    </button>
                </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-utensils"></i> معلومات المطعم
                            </h5>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-6">
                                    <h6 class="text-primary">المعلومات الأساسية</h6>
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>اسم المطعم:</strong></td>
                                            <td>{{ $restaurant->name }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>نوع المطبخ:</strong></td>
                                            <td>
                                                @switch($restaurant->cuisine_type)
                                                    @case('arabic')
                                                        <span class="badge bg-primary">عربي</span>
                                                        @break
                                                    @case('international')
                                                        <span class="badge bg-success">دولي</span>
                                                        @break
                                                    @case('fast_food')
                                                        <span class="badge bg-warning">وجبات سريعة</span>
                                                        @break
                                                    @case('seafood')
                                                        <span class="badge bg-info">مأكولات بحرية</span>
                                                        @break
                                                    @default
                                                        <span class="badge bg-secondary">{{ $restaurant->cuisine_type ?? 'غير محدد' }}</span>
                                                @endswitch
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>الحالة:</strong></td>
                                            <td>
                                                @if($restaurant->is_active)
                                                    <span class="badge bg-success">نشط</span>
                                                @else
                                                    <span class="badge bg-danger">غير نشط</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>مفتوح:</strong></td>
                                            <td>
                                                @if($restaurant->is_open)
                                                    <span class="badge bg-success">مفتوح</span>
                                                @else
                                                    <span class="badge bg-danger">مغلق</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>التقييم:</strong></td>
                                            <td>
                                                @if($restaurant->rating > 0)
                                                    <div class="d-flex align-items-center">
                                                        <span class="badge bg-warning me-2">{{ number_format($restaurant->rating, 1) }}</span>
                                                        <div class="text-warning">
                                                            @for($i = 1; $i <= 5; $i++)
                                                                @if($i <= $restaurant->rating)
                                                                    <i class="fas fa-star"></i>
                                                                @elseif($i - $restaurant->rating < 1)
                                                                    <i class="fas fa-star-half-alt"></i>
                                                                @else
                                                                    <i class="far fa-star"></i>
                                                                @endif
                                                            @endfor
                                                        </div>
                                                    </div>
                                                    @if($restaurant->rating_count > 0)
                                                        <small class="text-muted">({{ $restaurant->rating_count }} تقييم)</small>
                                                    @endif
                                                @else
                                                    <span class="text-muted">لا يوجد تقييم</span>
                                                @endif
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <h6 class="text-primary">معلومات الاتصال</h6>
                                    <table class="table table-borderless">
                                        <tr>
                                            <td><strong>رقم الهاتف:</strong></td>
                                            <td>{{ $restaurant->phone ?? 'غير محدد' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>البريد الإلكتروني:</strong></td>
                                            <td>{{ $restaurant->email ?? 'غير محدد' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>العنوان:</strong></td>
                                            <td>{{ $restaurant->address ?? 'غير محدد' }}</td>
                                        </tr>
                                        <tr>
                                            <td><strong>الإحداثيات:</strong></td>
                                            <td>
                                                @if($restaurant->latitude && $restaurant->longitude)
                                                    <i class="fas fa-map-marker-alt text-danger"></i>
                                                    {{ $restaurant->latitude }}, {{ $restaurant->longitude }}
                                                @else
                                                    <span class="text-muted">غير محدد</span>
                                                @endif
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><strong>صاحب المطعم:</strong></td>
                                            <td>
                                                @if($restaurant->user)
                                                    <span class="badge bg-info">{{ $restaurant->user->name }}</span>
                                                @else
                                                    <span class="text-muted">غير محدد</span>
                                                @endif
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>

                            @if($restaurant->description)
                                <div class="mt-3">
                                    <h6 class="text-primary">وصف المطعم</h6>
                                    <p class="text-muted">{{ $restaurant->description }}</p>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <!-- شعار المطعم -->
                    <div class="card mb-3">
                        <div class="card-header">
                            <h6 class="mb-0">شعار المطعم</h6>
                        </div>
                        <div class="card-body text-center">
                            @if($restaurant->logo)
                                <img src="{{ asset('storage/' . $restaurant->logo) }}"
                                     alt="شعار المطعم"
                                     class="img-fluid rounded"
                                     style="max-width: 200px; max-height: 200px;">
                            @else
                                <div class="bg-secondary rounded d-flex align-items-center justify-content-center"
                                     style="width: 200px; height: 200px;">
                                    <i class="fas fa-utensils text-white fa-3x"></i>
                                </div>
                            @endif
                        </div>
                    </div>

                    <!-- صورة الغلاف -->
                    @if($restaurant->cover_image)
                        <div class="card">
                            <div class="card-header">
                                <h6 class="mb-0">صورة الغلاف</h6>
                            </div>
                            <div class="card-body text-center">
                                <img src="{{ asset('storage/' . $restaurant->cover_image) }}"
                                     alt="صورة الغلاف"
                                     class="img-fluid rounded">
                            </div>
                        </div>
                    @endif
                </div>
            </div>

            <!-- إعدادات التشغيل والتوصيل -->
            <div class="row mt-4">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h6 class="mb-0">
                                <i class="fas fa-clock"></i> إعدادات التشغيل
                            </h6>
                        </div>
                        <div class="card-body">
                        <table class="table table-borderless">
                            <tr>
                                <td><strong>وقت الفتح:</strong></td>
                                <td>
                                    @if($restaurant->opening_time)
                                        @try
                                            @if($restaurant->opening_time instanceof \Carbon\Carbon)
                                                {{ $restaurant->opening_time->format('H:i') }}
                                            @else
                                                {{ \Carbon\Carbon::parse($restaurant->opening_time)->format('H:i') }}
                                            @endif
                                        @catch(\Exception $e)
                                            {{ $restaurant->opening_time }}
                                        @endtry
                                    @else
                                        غير محدد
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td><strong>وقت الإغلاق:</strong></td>
                                <td>
                                    @if($restaurant->closing_time)
                                        @try
                                            @if($restaurant->closing_time instanceof \Carbon\Carbon)
                                                {{ $restaurant->closing_time->format('H:i') }}
                                            @else
                                                {{ \Carbon\Carbon::parse($restaurant->closing_time)->format('H:i') }}
                                            @endif
                                        @catch(\Exception $e)
                                            {{ $restaurant->closing_time }}
                                        @endtry
                                    @else
                                        غير محدد
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <td><strong>مفتوح الآن:</strong></td>
                                <td>
                                    @try
                                        @if($restaurant->isCurrentlyOpen())
                                            <span class="badge bg-success">نعم</span>
                                        @else
                                            <span class="badge bg-danger">لا</span>
                                        @endif
                                    @catch(\Exception $e)
                                        <span class="badge bg-warning">غير محدد</span>
                                    @endtry
                                </td>
                            </tr>
                        </table>
                                                </div>
                    </div>
                </div>

                <div class="col-md-6">
                    <div class="card">
                        <div class="card-header">
                            <h6 class="mb-0">
                                <i class="fas fa-truck"></i> إعدادات التوصيل
                            </h6>
                        </div>
                        <div class="card-body">
                            <table class="table table-borderless">
                                <tr>
                                    <td><strong>رسوم التوصيل:</strong></td>
                                    <td>
                                        @if($restaurant->delivery_fee)
                                            <span class="badge bg-light text-dark">{{ $restaurant->delivery_fee }} دينار عراقي</span>
                                        @else
                                            <span class="text-muted">غير محدد</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>وقت التوصيل:</strong></td>
                                    <td>
                                        @if($restaurant->delivery_time_minutes)
                                            {{ $restaurant->delivery_time_minutes }} دقيقة
                                        @else
                                            <span class="text-muted">غير محدد</span>
                                        @endif
                                    </td>
                                </tr>
                                <tr>
                                    <td><strong>الحد الأدنى للطلب:</strong></td>
                                    <td>
                                        @if($restaurant->minimum_order)
                                            <span class="badge bg-light text-dark">{{ $restaurant->minimum_order }} دينار عراقي</span>
                                        @else
                                            <span class="text-muted">غير محدد</span>
                                        @endif
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <!-- الإحصائيات -->
            <div class="row mt-4">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header">
                            <h6 class="mb-0">
                                <i class="fas fa-chart-bar"></i> الإحصائيات
                            </h6>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="text-center">
                                        <div class="h4 text-primary">{{ $restaurant->menuItems->count() }}</div>
                                        <small class="text-muted">عدد الأطباق</small>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="text-center">
                                        <div class="h4 text-success">{{ $restaurant->foodOrders->count() }}</div>
                                        <small class="text-muted">عدد الطلبات</small>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="text-center">
                                        <div class="h4 text-warning">{{ $restaurant->rating_count ?? 0 }}</div>
                                        <small class="text-muted">عدد التقييمات</small>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="text-center">
                                        <div class="h4 text-info">{{ $restaurant->created_at->diffForHumans() }}</div>
                                        <small class="text-muted">تاريخ التسجيل</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- قائمة الأطباق -->
            @if($restaurant->menuItems->count() > 0)
                <div class="row mt-4">
                    <div class="col-md-12">
                        <div class="card">
                            <div class="card-header">
                                <h6 class="mb-0">
                                    <i class="fas fa-list"></i> قائمة الأطباق ({{ $restaurant->menuItems->count() }})
                                </h6>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th>الصورة</th>
                                                <th>اسم الطبق</th>
                                                <th>الفئة</th>
                                                <th>السعر</th>
                                                <th>متاح</th>
                                                <th>شائع</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($restaurant->menuItems->take(10) as $item)
                                                <tr>
                                                    <td>
                                                        @if($item->image)
                                                            <img src="{{ asset('storage/' . $item->image) }}"
                                                                 alt="صورة الطبق"
                                                                 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->name }}</strong>
                                                        @if($item->description)
                                                            <br><small class="text-muted">{{ Str::limit($item->description, 50) }}</small>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <span class="badge bg-secondary">{{ $item->category ?? 'غير محدد' }}</span>
                                                    </td>
                                                    <td>
                                                        <span class="badge bg-success">{{ $item->price }} دينار عراقي</span>
                                                    </td>
                                                    <td>
                                                        @if($item->is_available)
                                                            <span class="badge bg-success">متاح</span>
                                                        @else
                                                            <span class="badge bg-danger">غير متاح</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if($item->is_popular)
                                                            <span class="badge bg-warning">شائع</span>
                                                        @else
                                                            <span class="text-muted">-</span>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                @if($restaurant->menuItems->count() > 10)
                                    <div class="text-center mt-3">
                                        <small class="text-muted">عرض 10 من {{ $restaurant->menuItems->count() }} طبق</small>
                                    </div>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            @endif

            <!-- الطلبات الأخيرة -->
            <div class="row mt-4">
                <div class="col-md-12">
                    <div class="card">
                        <div class="card-header d-flex justify-content-between align-items-center">
                            <h6 class="mb-0">
                                <i class="fas fa-shopping-cart"></i> الطلبات ({{ $restaurant->foodOrders->count() }})
                            </h6>
                            <a href="{{ route('admin.restaurants.orders.index', $restaurant->id) }}" class="btn btn-primary btn-sm">
                                <i class="fas fa-list"></i> عرض جميع الطلبات
                            </a>
                        </div>
                        <div class="card-body">
                            @if($restaurant->foodOrders->count() > 0)
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th>رقم الطلب</th>
                                                <th>العميل</th>
                                                <th>المبلغ</th>
                                                <th>الحالة</th>
                                                <th>تاريخ الطلب</th>
                                                <th>الإجراءات</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($restaurant->foodOrders->take(10) as $order)
                                                <tr>
                                                    <td>#{{ $order->order_number ?? $order->id }}</td>
                                                    <td>
                                                        @if($order->user)
                                                            <span class="badge bg-info">{{ $order->user->name }}</span>
                                                        @else
                                                            <span class="text-muted">غير محدد</span>
                                                        @endif
                                                    </td>
                                                    <td>
                                                        <span class="badge bg-success">{{ number_format($order->total ?? 0, 0) }} د.ع</span>
                                                    </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>
                                                    <td>{{ $order->created_at->format('Y-m-d H:i') }}</td>
                                                    <td>
                                                        <a href="{{ route('admin.restaurants.orders.show', [$restaurant->id, $order->id]) }}" 
                                                           class="btn btn-info btn-sm">
                                                            <i class="fas fa-eye"></i>
                                                        </a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                @if($restaurant->foodOrders->count() > 10)
                                    <div class="text-center mt-3">
                                        <small class="text-muted">عرض 10 من {{ $restaurant->foodOrders->count() }} طلب</small>
                                        <br>
                                        <a href="{{ route('admin.restaurants.orders.index', $restaurant->id) }}" class="btn btn-primary btn-sm mt-2">
                                            <i class="fas fa-list"></i> عرض جميع الطلبات
                                        </a>
                                    </div>
                                @endif
                            @else
                                <div class="text-center py-4">
                                    <i class="fas fa-shopping-cart fa-3x text-muted mb-3"></i>
                                    <p class="text-muted">لا توجد طلبات بعد</p>
                                </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Modal تأكيد الحذف -->
<div class="modal fade" id="deleteModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">تأكيد الحذف</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                هل أنت متأكد من حذف هذا المطعم؟ هذا الإجراء لا يمكن التراجع عنه.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">إلغاء</button>
                <button type="button" class="btn btn-danger" id="confirmDelete">حذف</button>
            </div>
        </div>
    </div>
</div>
@endsection

@section('scripts')
<script>
let restaurantToDelete = null;

// حذف المطعم
function deleteRestaurant(restaurantId) {
    restaurantToDelete = restaurantId;
    const deleteModal = new bootstrap.Modal(document.getElementById('deleteModal'));
    deleteModal.show();
}

// تأكيد الحذف
document.getElementById('confirmDelete').addEventListener('click', function() {
    if (restaurantToDelete) {
        fetch(`/admin/restaurants/${restaurantToDelete}`, {
            method: 'DELETE',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            },
        })
        .then(response => {
            if (response.ok) {
                window.location.href = '{{ route("admin.restaurants") }}';
            } else {
                alert('حدث خطأ أثناء حذف المطعم');
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('حدث خطأ أثناء حذف المطعم');
        });
    }
});
</script>
@endsection