@extends('layouts.admin')

@section('title', 'إضافة تذكرة ' . ($type === 'vip' ? 'VIP' : 'عادية'))
@section('page-title', 'إضافة تذكرة ' . ($type === 'vip' ? 'VIP' : 'عادية'))

@section('breadcrumb')
    <a href="{{ route('admin.dashboard') }}" class="hover:text-navy-900">الرئيسية</a>
    <span class="mx-2">/</span>
    <a href="{{ $type === 'vip' ? route('admin.tickets.vip') : route('admin.tickets.normal') }}" class="hover:text-navy-900">
        {{ $type === 'vip' ? 'تذاكر VIP' : 'التذاكر العادية' }}
    </a>
    <span class="mx-2">/</span>
    <span>إضافة تذكرة</span>
@endsection

@section('content')
<div class="max-w-2xl">
    <div class="bg-white rounded-xl shadow-sm overflow-hidden">
        <div class="p-6 border-b {{ $type === 'vip' ? 'bg-gradient-to-l from-gold-50 to-white' : '' }}">
            <div class="flex items-center gap-3">
                @if($type === 'vip')
                    <div class="w-10 h-10 bg-gold-500 rounded-full flex items-center justify-center">
                        <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z"/>
                        </svg>
                    </div>
                @else
                    <div class="w-10 h-10 bg-navy-900 rounded-full flex items-center justify-center">
                        <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 5v2m0 4v2m0 4v2M5 5a2 2 0 00-2 2v3a2 2 0 110 4v3a2 2 0 002 2h14a2 2 0 002-2v-3a2 2 0 110-4V7a2 2 0 00-2-2H5z"/>
                        </svg>
                    </div>
                @endif
                <div>
                    <h3 class="text-lg font-bold text-navy-900">إضافة تذكرة {{ $type === 'vip' ? 'VIP' : 'عادية' }}</h3>
                    <p class="text-sm text-gray-500">أدخل بيانات صاحب التذكرة</p>
                </div>
            </div>
        </div>
        
        <form action="{{ route('admin.tickets.store') }}" method="POST" class="p-6">
            @csrf
            <input type="hidden" name="type" value="{{ $type }}">
            
            @if($errors->any())
                <div class="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg mb-6">
                    <ul class="list-disc list-inside">
                        @foreach($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            
            <div class="space-y-6">
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">الاسم الكامل <span class="text-red-500">*</span></label>
                    <input type="text" name="name" value="{{ old('name') }}" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-navy-500 focus:border-navy-500 outline-none" placeholder="أدخل الاسم الكامل">
                </div>
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">رقم الجوال <span class="text-red-500">*</span></label>
                    <input type="tel" name="phone" value="{{ old('phone') }}" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-navy-500 focus:border-navy-500 outline-none" placeholder="05xxxxxxxx" dir="ltr">
                </div>
                
                @if($type === 'vip')
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">المنصب <span class="text-red-500">*</span></label>
                        <input type="text" name="job_title" value="{{ old('job_title') }}" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-navy-500 focus:border-navy-500 outline-none" placeholder="مثال: عميد الكلية">
                    </div>
                @else
                    <div class="grid grid-cols-2 gap-4">
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-2">الكلية <span class="text-red-500">*</span></label>
                            <input type="text" name="college" value="{{ old('college') }}" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-navy-500 focus:border-navy-500 outline-none" placeholder="مثال: كلية الهندسة">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-2">التخصص <span class="text-red-500">*</span></label>
                            <input type="text" name="major" value="{{ old('major') }}" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-navy-500 focus:border-navy-500 outline-none" placeholder="مثال: هندسة البرمجيات">
                        </div>
                    </div>
                @endif
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">رقم الكرسي <span class="text-red-500">*</span></label>
                    <input type="text" name="seat_number" value="{{ old('seat_number') }}" required class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-navy-500 focus:border-navy-500 outline-none" placeholder="{{ $type === 'vip' ? 'مثال: V1, V2' : 'مثال: A1, B5' }}">
                    <p class="text-sm text-gray-500 mt-1">رقم الكرسي يجب أن يكون فريداً ولا يمكن تكراره</p>
                </div>
            </div>
            
            <div class="mt-8 flex gap-4">
                <a href="{{ $type === 'vip' ? route('admin.tickets.vip') : route('admin.tickets.normal') }}" class="flex-1 px-6 py-3 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors text-center">
                    إلغاء
                </a>
                <button type="submit" class="flex-1 px-6 py-3 {{ $type === 'vip' ? 'bg-gold-500 hover:bg-gold-600' : 'bg-navy-900 hover:bg-navy-800' }} text-white rounded-lg transition-colors">
                    إضافة التذكرة
                </button>
            </div>
        </form>
    </div>
</div>
@endsection