@extends('layouts.superadmin')

@section('title', 'تعديل القست')
@section('page-title', 'تعديل القست')

@section('content')
<div class="max-w-2xl mx-auto bg-white shadow rounded-lg p-6 rtl text-right">
    @if(in_array($guest->status, ['completed', 'rejected']))
        <div class="bg-red-100 border border-red-400 text-red-700 p-3 rounded mb-4">
            لا يمكن تعديل هذا القست لأنه مكتمل أو مرفوض.
        </div>
    @endif
    
    <form action="{{ route('superadmin.guests.update', $guest) }}" method="POST">
        @csrf
        @method('PUT')
        
        <div class="mb-4">
            <label class="block mb-1 font-bold">عنوان القست *</label>
            <input type="text" name="title" value="{{ old('title', $guest->title) }}" class="w-full border rounded p-2 text-right" required maxlength="255">
        </div>
        
        <div class="mb-4">
            <label class="block mb-1 font-bold">وصف القست</label>
            <textarea name="description" class="w-full border rounded p-2 text-right" maxlength="1000">{{ old('description', $guest->description) }}</textarea>
        </div>
        
        <div class="mb-4">
            <label class="block mb-1 font-bold">اختر منظم القست (هوست) *</label>
            <select name="host_id" class="w-full border rounded p-2 text-right" required>
                @foreach($hosts as $host)
                    <option value="{{ $host->id }}" {{ $host->id == old('host_id', $guest->host_id) ? 'selected' : '' }}>
                        {{ $host->name }} - {{ $host->username }}
                        @if($host->membership_status === 'beta')
                            (بيتا)
                        @endif
                    </option>
                @endforeach
            </select>
        </div>
        
        <div class="mb-4">
            <label class="block mb-1 font-bold">اختر الضيف</label>
            <select name="guest_user_id" class="w-full border rounded p-2 text-right">
                <option value="">-- اختر ضيف من المستخدمين --</option>
                @foreach($allUsers as $user)
                    <option value="{{ $user->id }}" {{ old('guest_user_id', $guest->guest_user_id) == $user->id ? 'selected' : '' }}>
                        {{ $user->name }} ({{ $user->username }})
                        @if($user->membership_status === 'beta')
                            - بيتا
                        @elseif($user->membership_status === 'official')
                            - رسمي
                        @endif
                    </option>
                @endforeach
            </select>
            <p class="text-sm text-gray-600 mt-1">أو يمكنك كتابة اسم ضيف خارجي في الحقل التالي</p>
        </div>
        
        <div class="mb-4">
            <label class="block mb-1 font-bold">أو اكتب اسم ضيف خارجي</label>
            <input type="text" name="guest_name" value="{{ old('guest_name', $guest->guest_name) }}" class="w-full border rounded p-2 text-right" maxlength="255" placeholder="اسم الضيف (في حالة عدم اختيار ضيف من القائمة)">
        </div>

        <div class="mb-4">
            <label class="block mb-1 font-bold">معلومات التواصل مع الزائر</label>
            <input type="text" name="guest_contact" value="{{ old('guest_contact', $guest->guest_contact) }}" class="w-full border rounded p-2 text-right" maxlength="255">
        </div>
        
        <div class="grid grid-cols-2 gap-4 mb-4">
            <div>
                <label class="block mb-1 font-bold">تاريخ القست *</label>
                <input type="date" name="scheduled_date" value="{{ old('scheduled_date', $guest->scheduled_date) }}" class="w-full border rounded p-2 text-right" required>
            </div>
            <div>
                <label class="block mb-1 font-bold">وقت القست *</label>
                <input type="time" name="scheduled_time" value="{{ old('scheduled_time', $guest->scheduled_time) }}" class="w-full border rounded p-2 text-right" required>
            </div>
        </div>
        
        <div class="mb-4">
            <label class="block mb-1 font-bold">مدة القست (بالدقائق) *</label>
            <input type="number" name="duration_minutes" value="{{ old('duration_minutes', $guest->duration_minutes) }}" min="15" max="300" class="w-full border rounded p-2 text-right" required>
        </div>
        
        <div class="mb-4">
            <label class="block mb-1 font-bold">ملاحظات الإدارة</label>
            <textarea name="admin_notes" class="w-full border rounded p-2 text-right" maxlength="1000">{{ old('admin_notes', $guest->admin_notes) }}</textarea>
        </div>
        
        <button type="submit" class="bg-blue-700 text-white py-2 px-6 rounded hover:bg-blue-900">حفظ التعديلات</button>
    </form>
</div>

@push('scripts')
<script>
// منع إدخال الضيف في كلا الحقلين
document.querySelector('select[name="guest_user_id"]').addEventListener('change', function() {
    if (this.value) {
        document.querySelector('input[name="guest_name"]').value = '';
        document.querySelector('input[name="guest_name"]').disabled = true;
    } else {
        document.querySelector('input[name="guest_name"]').disabled = false;
    }
});

document.querySelector('input[name="guest_name"]').addEventListener('input', function() {
    if (this.value.trim()) {
        document.querySelector('select[name="guest_user_id"]').value = '';
        document.querySelector('select[name="guest_user_id"]').disabled = true;
    } else {
        document.querySelector('select[name="guest_user_id"]').disabled = false;
    }
});

// تحقق من الحالة الأولية
window.addEventListener('load', function() {
    const guestSelect = document.querySelector('select[name="guest_user_id"]');
    const guestInput = document.querySelector('input[name="guest_name"]');
    
    if (guestSelect.value) {
        guestInput.disabled = true;
    } else if (guestInput.value.trim()) {
        guestSelect.disabled = true;
    }
});
</script>
@endpush
@endsection