@extends('layouts.admin')

@section('title', 'تعديل التذكرة')

@section('content')
<div class="mb-6">
    <a href="{{ $ticket->type === 'vip' ? route('admin.tickets.vip') : route('admin.tickets.normal') }}" 
       class="text-gray-400 hover:text-white inline-flex items-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="M9 5l7 7-7 7"/>
        </svg>
        العودة للقائمة
    </a>
</div>

<div class="card max-w-2xl">
    <h1 class="text-xl font-bold text-white mb-6">
        تعديل التذكرة: {{ $ticket->ticket_number }}
        @if($ticket->type === 'vip')
            <span class="badge-gold mr-2">VIP</span>
        @endif
    </h1>

    <form action="{{ route('admin.tickets.update', $ticket->id) }}" method="POST">
        @csrf
        @method('PUT')
        
        <div class="space-y-4">
            <div>
                <label class="form-label">الاسم الكامل <span class="text-red-500">*</span></label>
                <input type="text" name="name" value="{{ old('name', $ticket->name) }}" required
                       class="form-input w-full @error('name') border-red-500 @enderror">
                @error('name')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="form-label">رقم الجوال <span class="text-red-500">*</span></label>
                <input type="tel" name="phone" value="{{ old('phone', $ticket->phone) }}" required dir="ltr"
                       class="form-input w-full @error('phone') border-red-500 @enderror">
                @error('phone')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            @if($ticket->type === 'normal')
            <div>
                <label class="form-label">الكلية</label>
                <input type="text" name="college" value="{{ old('college', $ticket->college) }}"
                       class="form-input w-full @error('college') border-red-500 @enderror">
                @error('college')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>

            <div>
                <label class="form-label">التخصص</label>
                <input type="text" name="major" value="{{ old('major', $ticket->major) }}"
                       class="form-input w-full @error('major') border-red-500 @enderror">
                @error('major')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            @else
            <div>
                <label class="form-label">المسمى الوظيفي</label>
                <input type="text" name="job_title" value="{{ old('job_title', $ticket->job_title) }}"
                       class="form-input w-full @error('job_title') border-red-500 @enderror">
                @error('job_title')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
            </div>
            @endif

            <div>
                <label class="form-label">رقم الكرسي <span class="text-red-500">*</span></label>
                <input type="text" name="seat_number" value="{{ old('seat_number', $ticket->seat_number) }}" required
                       class="form-input w-full @error('seat_number') border-red-500 @enderror">
                @error('seat_number')
                    <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                @enderror
                <p class="text-xs text-gray-400 mt-1">يجب أن يكون رقم الكرسي فريداً</p>
            </div>

            <div class="flex items-center gap-3 pt-4">
                <input type="checkbox" name="attendance_status" id="attendance_status" value="1"
                       {{ $ticket->attendance_status ? 'checked' : '' }}
                       class="w-5 h-5 rounded border-slate-600 bg-slate-700 text-primary-500">
                <label for="attendance_status" class="text-white">تم الحضور</label>
            </div>
        </div>

        <div class="flex gap-3 mt-6 pt-6 border-t border-slate-700">
            <button type="submit" class="{{ $ticket->type === 'vip' ? 'btn-gold' : 'btn-primary' }} flex-1">
                حفظ التعديلات
            </button>
            <a href="{{ $ticket->type === 'vip' ? route('admin.tickets.vip') : route('admin.tickets.normal') }}" 
               class="btn-secondary flex-1 text-center">
                إلغاء
            </a>
        </div>
    </form>
</div>
@endsection