@extends($layout)

@section('title', 'تفاصيل النشاط')

@section('content')
<div class="min-h-screen bg-gradient-to-br from-indigo-50 via-white to-purple-50 px-4 sm:px-6 lg:px-8 py-8">
    <div class="max-w-6xl mx-auto">
        
        <!-- Back Button -->
        <div class="mb-6">
            <a href="{{ url()->previous() }}" class="inline-flex items-center gap-2 text-gray-600 hover:text-gray-900 transition">
                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
                </svg>
                <span class="font-medium">رجوع</span>
            </a>
        </div>

        <!-- Activity Header Card -->
        <div class="bg-gradient-to-r from-blue-600 to-purple-600 rounded-2xl shadow-2xl p-8 mb-8 text-white">
            <div class="flex flex-col lg:flex-row items-start justify-between gap-6">
                <div class="flex-1">
                    <div class="flex items-center gap-4 mb-4">
                        <div class="p-4 bg-white/20 backdrop-blur-sm rounded-xl">
                            @if($activity->activityType->icon === 'video')
                            <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
                                <path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/>
                            </svg>
                            @elseif($activity->activityType->icon === 'users')
                            <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
                                <path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"/>
                            </svg>
                            @else
                            <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 24 24">
                                <path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"/>
                            </svg>
                            @endif
                        </div>
                        <div>
                            <h1 class="text-3xl font-bold mb-2">{{ $activity->activityType->display_name }}</h1>
                            @if($activity->title)
                            <p class="text-xl opacity-90">{{ $activity->title }}</p>
                            @endif
                        </div>
                    </div>

                    <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 mt-6">
                        <div class="flex items-center gap-3 bg-white/10 backdrop-blur-sm rounded-xl p-4">
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
                                <path d="M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"/>
                            </svg>
                            <div>
                                <p class="text-sm opacity-75">التاريخ</p>
                                <p class="font-bold">{{ $activity->scheduled_date->format('Y-m-d') }}</p>
                            </div>
                        </div>

                        <div class="flex items-center gap-3 bg-white/10 backdrop-blur-sm rounded-xl p-4">
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
                                <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"/>
                            </svg>
                            <div>
                                <p class="text-sm opacity-75">الوقت</p>
                                <p class="font-bold">{{ date('h:i A', strtotime($activity->scheduled_time)) }}</p>
                            </div>
                        </div>

                        <div class="flex items-center gap-3 bg-white/10 backdrop-blur-sm rounded-xl p-4">
                            <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24">
                                <path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm-.22-13h-.06c-.4 0-.72.32-.72.72v4.72c0 .35.18.68.49.86l4.15 2.49c.34.2.78.1.98-.24.21-.34.1-.79-.25-.99l-3.87-2.3V7.72c0-.4-.32-.72-.72-.72z"/>
                            </svg>
                            <div>
                                <p class="text-sm opacity-75">المدة</p>
                                <p class="font-bold">{{ $activity->duration }}</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="text-center">
                    <span class="inline-block px-6 py-3 rounded-xl text-lg font-bold bg-white/20 backdrop-blur-sm">
                        {{ $activity->status_label }}
                    </span>
                </div>
            </div>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
            
            <!-- Main Content -->
            <div class="lg:col-span-2 space-y-6">
                
                <!-- Description -->
                @if($activity->description)
                <div class="bg-white rounded-2xl shadow-lg p-6">
                    <h2 class="text-xl font-bold text-gray-900 mb-4 flex items-center gap-2">
                        <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
                        </svg>
                        الوصف
                    </h2>
                    <p class="text-gray-700 leading-relaxed">{{ $activity->description }}</p>
                </div>
                @endif

                <!-- Participants List -->
                <div class="bg-white rounded-2xl shadow-lg p-6">
                    <h2 class="text-xl font-bold text-gray-900 mb-4 flex items-center gap-2">
                        <svg class="w-6 h-6 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"/>
                        </svg>
                        المشاركين ({{ $activity->participants->count() }})
                    </h2>

                    <div class="space-y-3">
                        @foreach($activity->participants as $participant)
                        <div class="flex items-center justify-between p-4 bg-gradient-to-r from-gray-50 to-gray-100 rounded-xl hover:shadow-md transition">
                            <div class="flex items-center gap-4">
                                <div class="relative">
                                    <img class="w-12 h-12 rounded-full object-cover border-2 border-white shadow-sm" 
                                         src="{{ $participant->user->avatar_url }}" 
                                         alt="{{ $participant->user->name }}">
                                    
                                    <!-- مؤشر الحالة -->
                                    @if($participant->proof_uploaded_at && !$participant->reviewed_at)
                                        <div class="absolute -top-1 -right-1 w-4 h-4 bg-orange-500 border-2 border-white rounded-full animate-pulse" title="تم رفع إثبات"></div>
                                    @elseif($participant->excuse_submitted_at && !$participant->reviewed_at)
                                        <div class="absolute -top-1 -right-1 w-4 h-4 bg-yellow-500 border-2 border-white rounded-full animate-pulse" title="تم تقديم عذر"></div>
                                    @elseif($participant->status === 'confirmed')
                                        <div class="absolute -top-1 -right-1 w-4 h-4 bg-green-500 border-2 border-white rounded-full" title="مؤكد"></div>
                                    @endif
                                </div>
                                <div>
                                    <p class="font-bold text-gray-900">{{ $participant->user->name }}</p>
                                    <p class="text-sm text-gray-600">{{ $participant->user->email }}</p>
                                </div>
                            </div>

                            <div class="text-right space-y-2">
                                <span class="inline-block px-3 py-1 rounded-lg text-sm font-medium
                                    @if($participant->status === 'confirmed') bg-green-100 text-green-700
                                    @elseif($participant->status === 'invited') bg-blue-100 text-blue-700
                                    @elseif($participant->status === 'absent_with_excuse') bg-yellow-100 text-yellow-700
                                    @elseif($participant->status === 'proof_rejected') bg-orange-100 text-orange-700
                                    @else bg-red-100 text-red-700
                                    @endif">
                                    {{ $participant->status_label }}
                                </span>

                                @if($participant->total_points != 0)
                                <div class="flex items-center gap-1 justify-end">
                                    <svg class="w-4 h-4 {{ $participant->total_points > 0 ? 'text-yellow-500' : 'text-red-500' }}" fill="currentColor" viewBox="0 0 24 24">
                                        <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/>
                                    </svg>
                                    <span class="text-sm font-bold {{ $participant->total_points > 0 ? 'text-gray-900' : 'text-red-600' }}">
                                        {{ $participant->total_points > 0 ? '+' : '' }}{{ $participant->total_points }}
                                    </span>
                                </div>
                                @endif

@if($activity->canUserManage(auth()->user()))
    {{-- منع المراجعة غير المصرحة: المشرف لا يراجع نفسه أو مشرف آخر --}}
    @php
        $canReview = false;
        $reviewMessage = '';
        
        if(auth()->user()->hasRole('super-admin')) {
            // السوبر أدمن يراجع الجميع
            $canReview = true;
        } elseif($participant->user_id === auth()->user()->id) {
            // المشرف لا يراجع نفسه
            $reviewMessage = 'يحتاج مراجعة من السوبر أدمن';
        } elseif($participant->user->hasRole('moderator')) {
            // المشرف لا يراجع مشرف آخر
            $reviewMessage = 'يحتاج مراجعة من السوبر أدمن';
        } else {
            // المشرف يراجع الأعضاء العاديين
            $canReview = true;
        }
    @endphp
    
    @if($canReview)
        @if($participant->proof_uploaded_at && !$participant->reviewed_at)
        <button onclick="reviewParticipant({{ $participant->id }})" 
                class="mt-2 px-3 py-1 bg-blue-600 hover:bg-blue-700 text-white text-sm rounded-lg transition flex items-center gap-1">
            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4"/>
            </svg>
            مراجعة
        </button>
        @elseif($participant->excuse_submitted_at && !$participant->reviewed_at)
        <button onclick="reviewExcuse({{ $participant->id }})" 
                class="mt-2 px-3 py-1 bg-orange-600 hover:bg-orange-700 text-white text-sm rounded-lg transition flex items-center gap-1">
            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
            </svg>
            مراجعة العذر
        </button>
        @endif
    @else
        {{-- رسالة للحالات التي تحتاج مراجعة من السوبر أدمن --}}
        @if(($participant->proof_uploaded_at || $participant->excuse_submitted_at) && !$participant->reviewed_at)
        <div class="mt-2 px-3 py-1 bg-yellow-100 text-yellow-700 text-sm rounded-lg flex items-center gap-1">
            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.856-.833-2.598 0L3.232 16.5c-.77.833.192 2.5 1.732 2.5z"/>
            </svg>
            {{ $reviewMessage }}
        </div>
        @endif
    @endif
@endif
                            </div>
                        </div>

                        <!-- Participant Notes -->
                        @if($participant->moderator_notes)
                        <div class="ml-16 p-3 bg-blue-50 rounded-lg border-l-4 border-blue-400">
                            <p class="text-sm font-medium text-blue-900 mb-1">ملاحظات المشرف:</p>
                            <p class="text-sm text-blue-800">{{ $participant->moderator_notes }}</p>
                        </div>
                        @endif
                        @endforeach
                    </div>
                </div>

            </div>

            <!-- Sidebar -->
            <div class="space-y-6">
                
                <!-- Creator Info -->
                <div class="bg-white rounded-2xl shadow-lg p-6">
                    <h3 class="font-bold text-gray-900 mb-4">تفاصيل إضافية</h3>
                    <div class="space-y-3 text-sm">
                        <div class="flex items-center justify-between">
                            <span class="text-gray-600">أنشأ بواسطة</span>
                            <span class="font-medium text-gray-900">{{ $activity->creator->name }}</span>
                        </div>
                        <div class="flex items-center justify-between">
                            <span class="text-gray-600">نوع الطلب</span>
                            <span class="font-medium text-gray-900">
                                {{ $activity->request_type === 'official' ? 'طلب رسمي' : 'طلب عضو' }}
                            </span>
                        </div>
                        <div class="flex items-center justify-between">
                            <span class="text-gray-600">تاريخ الإنشاء</span>
                            <span class="font-medium text-gray-900">{{ $activity->created_at->format('Y-m-d') }}</span>
                        </div>
                    </div>
                </div>

                <!-- Actions -->
                @if($activity->canUserManage(auth()->user()))
                @if(!$activity->isPast())
                <div class="bg-white rounded-2xl shadow-lg p-6">
                    <h3 class="font-bold text-gray-900 mb-4">الإجراءات</h3>
                    <div class="space-y-3">
<a href="{{ url('live-activities/'.$activity->id.'/edit') }}"
                           class="block w-full px-4 py-3 bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white rounded-xl font-medium text-center transition-all duration-300 shadow-md hover:shadow-lg flex items-center justify-center gap-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"/>
                            </svg>
                            تعديل النشاط
                        </a>
                        <button onclick="deleteActivity({{ $activity->id }})" 
                                class="block w-full px-4 py-3 bg-gradient-to-r from-red-600 to-red-700 hover:from-red-700 hover:to-red-800 text-white rounded-xl font-medium transition-all duration-300 shadow-md hover:shadow-lg flex items-center justify-center gap-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
                            </svg>
                            حذف النشاط
                        </button>
                    </div>
                </div>
                @endif
                @endif

            </div>
        </div>

    </div>
</div>

<!-- Review Modal -->
@if($activity->canUserManage(auth()->user()))
<div id="reviewModal" class="hidden fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4">
    <div class="bg-white rounded-2xl max-w-3xl w-full p-8 shadow-2xl max-h-[90vh] overflow-y-auto">
        <h3 class="text-2xl font-bold text-gray-900 mb-6">مراجعة المشارك</h3>
        
        <form id="reviewForm">
            @csrf
            <input type="hidden" id="review_participant_id">
            
            <!-- Proof Image Preview -->
            <div id="proofImageContainer" class="mb-6 hidden">
                <label class="block text-sm font-medium text-gray-700 mb-2">صورة الإثبات</label>
                <img id="proofImage" class="w-full max-h-96 object-contain rounded-xl border-2 border-gray-200" alt="Proof">
            </div>

            <!-- Excuse Reason -->
            <div id="excuseReasonContainer" class="mb-6 hidden">
                <label class="block text-sm font-medium text-gray-700 mb-2">سبب العذر</label>
                <div id="excuseReason" class="p-4 bg-gray-50 rounded-xl border border-gray-200"></div>
            </div>

            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">الإجراء *</label>
                <select name="action" id="reviewAction" required class="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition">
                    <option value="">اختر الإجراء</option>
                    <option value="approve_proof">قبول الإثبات (+3 نقاط)</option>
                    <option value="reject_proof">رفض الإثبات (0 نقاط)</option>
                    <option value="approve_excuse">قبول العذر (-1 نقطة)</option>
                    <option value="reject_excuse">رفض العذر (-3 نقاط)</option>
                </select>
            </div>

            <div class="mb-6" id="bonusPointsContainer">
                <label class="block text-sm font-medium text-gray-700 mb-2">نقاط إضافية (اختياري)</label>
                <input type="number" name="bonus_points" min="0" max="10" 
                       class="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition">
                <p class="text-xs text-gray-500 mt-1">يمكنك إضافة حتى 10 نقاط إضافية عند قبول الإثبات</p>
            </div>

            <div class="mb-6">
                <label class="block text-sm font-medium text-gray-700 mb-2">ملاحظات (اختياري)</label>
                <textarea name="notes" rows="4" 
                          class="w-full px-4 py-3 border border-gray-300 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition"
                          placeholder="أضف ملاحظاتك هنا..."></textarea>
            </div>

            <div class="flex gap-3">
                <button type="submit" 
                        class="flex-1 px-6 py-3 bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white rounded-xl font-medium transition-all duration-300 shadow-lg hover:shadow-xl">
                    تأكيد المراجعة
                </button>
                <button type="button" onclick="closeReviewModal()" 
                        class="px-6 py-3 bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-xl font-medium transition-all duration-300">
                    إلغاء
                </button>
            </div>
        </form>
    </div>
</div>
@endif

<script>
@if($activity->canUserManage(auth()->user()))
let currentParticipantData = null;

function reviewParticipant(participantId) {
    fetch(`/live-activities/api/participants/${participantId}`)
        .then(res => res.json())
        .then(data => {
            currentParticipantData = data;
            document.getElementById('review_participant_id').value = participantId;
            
            if(data.proof_file) {
                document.getElementById('proofImageContainer').classList.remove('hidden');
                document.getElementById('proofImage').src = `/storage/activities/proofs/${data.proof_file}`;
            }
            
            document.getElementById('excuseReasonContainer').classList.add('hidden');
            document.getElementById('bonusPointsContainer').classList.remove('hidden');
            
            const actionSelect = document.getElementById('reviewAction');
            actionSelect.innerHTML = `
                <option value="">اختر الإجراء</option>
                <option value="approve_proof">قبول الإثبات (+3 نقاط)</option>
                <option value="reject_proof">رفض الإثبات (0 نقاط)</option>
            `;
            
            document.getElementById('reviewModal').classList.remove('hidden');
        })
        .catch(error => {
            console.error('Error fetching participant data:', error);
            alert('حدث خطأ أثناء جلب البيانات');
        });
}

function reviewExcuse(participantId) {
    fetch(`/live-activities/api/participants/${participantId}`)
        .then(res => res.json())
        .then(data => {
            currentParticipantData = data;
            document.getElementById('review_participant_id').value = participantId;
            
            if(data.excuse_reason) {
                document.getElementById('excuseReasonContainer').classList.remove('hidden');
                document.getElementById('excuseReason').textContent = data.excuse_reason;
            }
            
            document.getElementById('proofImageContainer').classList.add('hidden');
            document.getElementById('bonusPointsContainer').classList.add('hidden');
            
            const actionSelect = document.getElementById('reviewAction');
            actionSelect.innerHTML = `
                <option value="">اختر الإجراء</option>
                <option value="approve_excuse">قبول العذر (-1 نقطة)</option>
                <option value="reject_excuse">رفض العذر (-3 نقاط)</option>
            `;
            
            document.getElementById('reviewModal').classList.remove('hidden');
        })
        .catch(error => {
            console.error('Error fetching excuse data:', error);
            alert('حدث خطأ أثناء جلب البيانات');
        });
}

function closeReviewModal() {
    document.getElementById('reviewModal').classList.add('hidden');
    currentParticipantData = null;
}

document.getElementById('reviewForm').addEventListener('submit', async (e) => {
    e.preventDefault();
    
    const participantId = document.getElementById('review_participant_id').value;
    const formData = new FormData(e.target);
    
    const data = {
        action: formData.get('action'),
        bonus_points: formData.get('bonus_points') || 0,
        notes: formData.get('notes')
    };
    
    try {
        const response = await fetch(`/live-activities/participants/${participantId}/review`, {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('input[name="_token"]').value,
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(data)
        });
        
        const result = await response.json();
        
        if(result.success) {
            alert(result.message);
            location.reload();
        } else {
            alert(result.message || 'حدث خطأ أثناء المراجعة');
        }
    } catch (error) {
        alert('حدث خطأ أثناء المراجعة');
        console.error(error);
    }
});
@endif

async function deleteActivity(activityId) {
    if(!confirm('هل أنت متأكد من حذف هذا النشاط؟\nسيتم حذف جميع البيانات المرتبطة به.')) return;
    
    try {
        const response = await fetch(`/live-activities/${activityId}`, {
            method: 'DELETE',
            headers: {
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
                'Accept': 'application/json'
            }
        });
        
        const result = await response.json();
        alert(result.message);
        
        if(result.success) {
            window.location.href = '{{ route("live-activities.manage") }}';
        }
    } catch (error) {
        alert('حدث خطأ أثناء الحذف');
    }
}
</script>
@endsection