@extends($layout)

@section('title', 'إرسال مشاركة - ' . $competition->title)

@push('meta')
<meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

@section('content')
<div class="min-h-screen bg-gray-50 dark:bg-gray-900">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
        <!-- Breadcrumb & Back Button -->
        <div class="mb-6">
            <div class="flex items-center gap-4 mb-4">
                <a href="{{ route('general.competitions.show', $competition) }}" 
                   class="inline-flex items-center text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-200">
                    <svg class="w-5 h-5 ml-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path>
                    </svg>
                    العودة للمسابقة
                </a>
            </div>
            
            <div class="mb-4">
                <h1 class="text-3xl font-bold text-gray-900 dark:text-white mb-2">إرسال مشاركة جديدة</h1>
                <p class="text-gray-600 dark:text-gray-400">{{ $competition->title }}</p>
            </div>
        </div>

        <!-- Competition Status Check -->
        @if(!$competition->can_submit)
            <div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mb-6">
                <div class="flex">
                    <svg class="w-5 h-5 text-red-400 dark:text-red-300" fill="currentColor" viewBox="0 0 20 20">
                        <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
                    </svg>
                    <div class="mr-3">
                        <h3 class="text-sm font-medium text-red-800 dark:text-red-200">لا يمكن الإرسال حالياً</h3>
                        <p class="text-sm text-red-700 dark:text-red-300 mt-1">
                            @if($competition->status !== 'active')
                                المسابقة غير نشطة حالياً
                            @elseif($competition->is_expired)
                                انتهت مدة المسابقة
                            @else
                                المسابقة غير متاحة للإرسال
                            @endif
                        </p>
                    </div>
                </div>
            </div>
        @endif

        @if($participant->status === 'disqualified')
            <div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 mb-6">
                <div class="flex">
                    <svg class="w-5 h-5 text-red-400 dark:text-red-300" fill="currentColor" viewBox="0 0 20 20">
                        <path fill-rule="evenodd" d="M13.477 14.89A6 6 0 015.11 6.524l8.367 8.368zm1.414-1.414L6.524 5.11a6 6 0 018.367 8.367zM18 10a8 8 0 11-16 0 8 8 0 0116 0z" clip-rule="evenodd"></path>
                    </svg>
                    <div class="mr-3">
                        <h3 class="text-sm font-medium text-red-800 dark:text-red-200">تم استبعادك من المسابقة</h3>
                        <p class="text-sm text-red-700 dark:text-red-300 mt-1">لا يمكنك إرسال مشاركات في هذه المسابقة</p>
                    </div>
                </div>
            </div>
        @endif

        <!-- Main Content -->
        <div class="grid grid-cols-