@extends('admin.layouts.app')

@section('title', 'إدارة المطاعم')
@section('page-title', 'إدارة المطاعم')

<meta name="csrf-token" content="{{ csrf_token() }}">

@section('content')
<div class="container-fluid">
    <!-- إحصائيات سريعة -->
    <div class="row mb-4">
        <div class="col-md-2">
            <div class="card stats-card bg-primary text-white">
                <div class="card-body text-center">
                    <i class="fas fa-utensils fa-2x mb-2"></i>
                    <div class="stats-number">{{ $stats['total'] }}</div>
                    <div>إجمالي المطاعم</div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card stats-card bg-success text-white">
                <div class="card-body text-center">
                    <i class="fas fa-check-circle fa-2x mb-2"></i>
                    <div class="stats-number">{{ $stats['active'] }}</div>
                    <div>مطاعم نشطة</div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card stats-card bg-info text-white">
                <div class="card-body text-center">
                    <i class="fas fa-door-open fa-2x mb-2"></i>
                    <div class="stats-number">{{ $stats['open'] }}</div>
                    <div>مطاعم مفتوحة</div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card stats-card bg-warning text-white">
                <div class="card-body text-center">
                    <i class="fas fa-list fa-2x mb-2"></i>
                    <div class="stats-number">{{ $stats['total_menu_items'] }}</div>
                    <div>إجمالي الأطباق</div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card stats-card bg-secondary text-white">
                <div class="card-body text-center">
                    <i class="fas fa-shopping-cart fa-2x mb-2"></i>
                    <div class="stats-number">{{ $stats['total_orders'] }}</div>
                    <div>إجمالي الطلبات</div>
                </div>
            </div>
        </div>
        <div class="col-md-2">
            <div class="card stats-card bg-dark text-white">
                <div class="card-body text-center">
                    <i class="fas fa-star fa-2x mb-2"></i>
                    <div class="stats-number">{{ $stats['by_cuisine']['arabic'] }}</div>
                    <div>مطاعم عربية</div>
                </div>
            </div>
        </div>
    </div>

    <!-- أزرار الإجراءات -->
    <div class="row mb-4">
        <div class="col-md-6">
            <a href="{{ route('admin.restaurants.create') }}" class="btn btn-primary">
                <i class="fas fa-plus"></i> إضافة مطعم جديد
            </a>
        </div>
        <div class="col-md-6 text-end">
            <div class="btn-group" role="group">
                <button type="button" class="btn btn-outline-secondary" onclick="exportRestaurants()">
                    <i class="fas fa-download"></i> تصدير
                </button>
                <button type="button" class="btn btn-outline-secondary" onclick="printRestaurants()">
                    <i class="fas fa-print"></i> طباعة
                </button>
            </div>
        </div>
    </div>

    <!-- جدول المطاعم -->
    <div class="card">
        <div class="card-header">
            <h5 class="mb-0">
                <i class="fas fa-list"></i> قائمة المطاعم
            </h5>
        </div>
        <div class="card-body">
            <!-- فلتر البحث -->
            <div class="row mb-3">
                <div class="col-md-2">
                    <input type="text" class="form-control" id="searchName" placeholder="البحث بالاسم..." value="{{ request('name') }}">
                </div>
                <div class="col-md-2">
                    <select class="form-select" id="filterStatus">
                        <option value="">جميع الحالات</option>
                        <option value="1" {{ request('status') == '1' ? 'selected' : '' }}>نشط</option>
                        <option value="0" {{ request('status') == '0' ? 'selected' : '' }}>غير نشط</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <select class="form-select" id="filterCuisine">
                        <option value="">جميع أنواع المطبخ</option>
                        <option value="arabic" {{ request('cuisine') == 'arabic' ? 'selected' : '' }}>عربي</option>
                        <option value="international" {{ request('cuisine') == 'international' ? 'selected' : '' }}>دولي</option>
                        <option value="fast_food" {{ request('cuisine') == 'fast_food' ? 'selected' : '' }}>وجبات سريعة</option>
                        <option value="seafood" {{ request('cuisine') == 'seafood' ? 'selected' : '' }}>مأكولات بحرية</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <select class="form-select" id="filterOpen">
                        <option value="">جميع الحالات</option>
                        <option value="1" {{ request('open') == '1' ? 'selected' : '' }}>مفتوح</option>
                        <option value="0" {{ request('open') == '0' ? 'selected' : '' }}>مغلق</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <input type="text" class="form-control" id="searchArea" placeholder="البحث بالمنطقة..." value="{{ request('area') }}">
                </div>
                <div class="col-md-2">
                    <button class="btn btn-primary w-100" onclick="applyFilters()">
                        <i class="fas fa-search"></i> تطبيق الفلتر
                    </button>
                </div>
            </div>

            <div class="table-responsive">
                <table class="table table-hover" id="restaurantsTable">
                    <thead class="table-dark">
                        <tr>
                            <th>#</th>
                            <th>الشعار</th>
                            <th>اسم المطعم</th>
                            <th>نوع المطبخ</th>
                            <th>العنوان</th>
                            <th>صاحب المطعم</th>
                            <th>رقم الهاتف</th>
                            <th>الحالة</th>
                            <th>مفتوح</th>
                            <th>التقييم</th>
                            <th>عدد الأطباق</th>
                            <th>عدد الطلبات</th>
                            <th>رسوم التوصيل</th>
                            <th>تاريخ التسجيل</th>
                            <th>الإجراءات</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($restaurants as $restaurant)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>
                                @if($restaurant->logo)
                                    <img src="{{ asset('storage/' . $restaurant->logo) }}"
                                         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>{{ $restaurant->name }}</strong>
                                @if($restaurant->description)
                                    <br><small class="text-muted">{{ Str::limit($restaurant->description, 50) }}</small>
                                @endif
                            </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>
                            <td>
                                <span class="badge bg-light text-dark">{{ Str::limit($restaurant->address, 30) }}</span>
                                @if($restaurant->latitude && $restaurant->longitude)
                                    <br><small class="text-muted">
                                        <i class="fas fa-map-marker-alt"></i>
                                        {{ $restaurant->latitude }}, {{ $restaurant->longitude }}
                                    </small>
                                @endif
                            </td>
                            <td>
                                @if($restaurant->user)
                                    <span class="badge bg-info">{{ $restaurant->user->name }}</span>
                                @else
                                    <span class="text-muted">غير محدد</span>
                                @endif
                            </td>
                            <td>{{ $restaurant->phone ?? 'غير محدد' }}</td>
                            <td>
                                @if($restaurant->is_active)
                                    <span class="badge bg-success">نشط</span>
                                @else
                                    <span class="badge bg-danger">غير نشط</span>
                                @endif
                            </td>
                            <td>
                                @if($restaurant->is_open)
                                    <span class="badge bg-success">مفتوح</span>
                                @else
                                    <span class="badge bg-danger">مغلق</span>
                                @endif
                            </td>
                            <td>
                                @if($restaurant->rating > 0)
                                    <div class="d-flex align-items-center">
                                        <span class="badge bg-warning me-1">{{ 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>
                            <td>
                                <span class="badge bg-info">{{ $restaurant->menuItems->count() }}</span>
                            </td>
                            <td>
                                <span class="badge bg-secondary">{{ $restaurant->foodOrders->count() }}</span>
                            </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>
                            <td>{{ $restaurant->created_at->format('Y-m-d') }}</td>
                            <td>
                                <div class="btn-group" role="group">
                                    <a href="{{ route('admin.restaurants.show', $restaurant->id) }}"
                                       class="btn btn-sm btn-info"
                                       title="عرض">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                    <a href="{{ route('admin.restaurants.edit', $restaurant->id) }}"
                                       class="btn btn-sm btn-warning"
                                       title="تعديل">
                                        <i class="fas fa-edit"></i>
                                    </a>
                                    <button type="button"
                                            class="btn btn-sm btn-success"
                                            onclick="toggleActive({{ $restaurant->id }})"
                                            title="تغيير حالة النشاط">
                                        <i class="fas fa-toggle-on"></i>
                                    </button>
                                    <button type="button"
                                            class="btn btn-sm btn-primary"
                                            onclick="toggleOpen({{ $restaurant->id }})"
                                            title="تغيير حالة الفتح">
                                        <i class="fas fa-door-open"></i>
                                    </button>
                                    <button type="button"
                                            class="btn btn-sm btn-danger"
                                            onclick="deleteRestaurant({{ $restaurant->id }})"
                                            title="حذف">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </div>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="15" class="text-center text-muted">
                                <i class="fas fa-info-circle fa-2x mb-2"></i>
                                <br>
                                لا يوجد مطاعم مسجلة حالياً
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>

            <!-- ترقيم الصفحات -->
            <div class="d-flex justify-content-between align-items-center mt-4">
                <div class="text-muted small pagination-info">
                    عرض {{ $restaurants->firstItem() ?? 0 }} إلى {{ $restaurants->lastItem() ?? 0 }} من أصل {{ $restaurants->total() }} مطعم
                </div>
                <div class="d-flex justify-content-center">
                    {{ $restaurants->appends(request()->query())->links('pagination::bootstrap-4') }}
                </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 applyFilters() {
    const name = document.getElementById('searchName').value;
    const status = document.getElementById('filterStatus').value;
    const cuisine = document.getElementById('filterCuisine').value;
    const open = document.getElementById('filterOpen').value;
    const area = document.getElementById('searchArea').value;

    // إعادة تحميل الصفحة مع الفلاتر
    let url = new URL(window.location);
    if (name) url.searchParams.set('name', name);
    if (status) url.searchParams.set('status', status);
    if (cuisine) url.searchParams.set('cuisine', cuisine);
    if (open) url.searchParams.set('open', open);
    if (area) url.searchParams.set('area', area);

    window.location.href = url.toString();
}

// تغيير حالة النشاط
function toggleActive(restaurantId) {
    fetch(`/admin/restaurants/${restaurantId}/toggle-active`, {
        method: 'PATCH',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            'Content-Type': 'application/json',
        },
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            location.reload();
        } else {
            alert('حدث خطأ أثناء تحديث حالة النشاط');
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('حدث خطأ أثناء تحديث حالة النشاط');
    });
}

// تغيير حالة الفتح
function toggleOpen(restaurantId) {
    fetch(`/admin/restaurants/${restaurantId}/toggle-open`, {
        method: 'PATCH',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),
            'Content-Type': 'application/json',
        },
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            location.reload();
        } else {
            alert('حدث خطأ أثناء تحديث حالة الفتح');
        }
    })
    .catch(error => {
        console.error('Error:', error);
        alert('حدث خطأ أثناء تحديث حالة الفتح');
    });
}

// حذف المطعم
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) {
                location.reload();
            } else {
                alert('حدث خطأ أثناء حذف المطعم');
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('حدث خطأ أثناء حذف المطعم');
        });
    }
});

// تصدير البيانات
function exportRestaurants() {
    // يمكن إضافة منطق التصدير هنا
    alert('ميزة التصدير قيد التطوير');
}

// طباعة البيانات
function printRestaurants() {
    window.print();
}

// البحث المباشر
document.getElementById('searchName').addEventListener('keyup', function(e) {
    if (e.key === 'Enter') {
        applyFilters();
    }
});

document.getElementById('searchArea').addEventListener('keyup', function(e) {
    if (e.key === 'Enter') {
        applyFilters();
    }
});

// تطبيق الفلاتر عند تغيير القيم
document.getElementById('filterStatus').addEventListener('change', applyFilters);
document.getElementById('filterCuisine').addEventListener('change', applyFilters);
document.getElementById('filterOpen').addEventListener('change', applyFilters);
</script>
@endsection