@extends('admin.admin_dashboard')

@section('admin')
<div class="content-body">
    <div class="container-fluid">

        <!-- Breadcrumb -->
        <div class="row page-titles align-items-center">
            <div class="col-md-9 col-12">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="javascript:void(0)">🏠 Home</a></li>
                    <li class="breadcrumb-item"><a href="javascript:void(0)">📘 Exams</a></li>
                    <li class="breadcrumb-item active">➕ Create New Exam</li>
                </ol>
            </div>
        </div>

        <!-- Validation Errors -->
        @if ($errors->any())
            <div class="alert alert-danger shadow-sm">
                <ul class="mb-0">
                    @foreach ($errors->all() as $error)
                        <li>⚠️ {{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <!-- Card -->
        <div class="card shadow-sm rounded">
            <div class="card-header bg-primary text-white d-flex justify-content-between align-items-center">
                <h4 class="mb-0">Publish New Exam</h4>
                <span class="badge badge-light">Form</span>
            </div>
            <div class="card-body">
                <form action="{{ route('exams.store') }}" method="POST">
                    @csrf
                    <div class="row">
                        <!-- Exam Name -->
                    <div class="mb-3 col-md-6">
                        <label class="form-label fw-bold">Exam Name <span class="text-danger">*</span></label>
                        <input type="text" name="exam_name" 
                               class="form-control @error('exam_name') is-invalid @enderror" 
                               value="{{ old('exam_name') }}" required>
                        @error('exam_name') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <!-- Session -->
                    <div class="mb-3 col-md-6">
                        <label class="form-label fw-bold">Session <span class="text-danger">*</span></label>
                        <select name="session_id" 
                                class="form-control @error('session_id') is-invalid @enderror" required>
                            <option value="">-- Select Session --</option>
                            @forelse($sessions as $session)
                                <option value="{{ $session->id }}" {{ old('session_id') == $session->id ? 'selected' : '' }}>
                                    {{ $session->name }}
                                </option>
                            @empty
                                <option value="" disabled>No session available</option>
                            @endforelse
                        </select>
                        @error('session_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    <!-- Class -->
                    <div class="mb-3 col-md-6">
                        <label class="form-label fw-bold">Class <span class="text-danger">*</span></label>
                        <select name="class_id" 
                                class="form-control @error('class_id') is-invalid @enderror" required>
                            <option value="">-- Select Class --</option>
                            @forelse($classes as $class)
                                <option value="{{ $class->id }}" {{ old('class_id') == $class->id ? 'selected' : '' }}>
                                    {{ $class->name }}
                                </option>
                            @empty
                                <option value="" disabled>No class available</option>
                            @endforelse
                        </select>
                        @error('class_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>
                    <!-- Exam Fee -->
                    <div class="mb-3 col-md-6">
                        <label class="form-label fw-bold">Exam Fee (৳)</label>
                        <input type="number" name="exam_fee" step="0.01" min="0" 
                               class="form-control @error('exam_fee') is-invalid @enderror" 
                               value="{{ old('exam_fee') }}">
                        @error('exam_fee') <div class="invalid-feedback">{{ $message }}</div> @enderror
                    </div>

                    </div>
                    
                    <!-- Dates -->
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label fw-bold">Start Date <span class="text-danger">*</span></label>
                            <input type="date" name="start_date" 
                                   class="form-control @error('start_date') is-invalid @enderror"
                                   value="{{ old('start_date') }}" required>
                            @error('start_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label fw-bold">End Date <span class="text-danger">*</span></label>
                            <input type="date" name="end_date" 
                                   class="form-control @error('end_date') is-invalid @enderror"
                                   value="{{ old('end_date') }}" required>
                            @error('end_date') <div class="invalid-feedback">{{ $message }}</div> @enderror
                        </div>
                        
                    </div>

                    

                    <!-- Submit Button -->
                    <div class="text-end">
                        <button type="submit" class="btn btn-primary shadow-sm">
                            <i class="fas fa-paper-plane"></i> Publish Exam
                        </button>
                    </div>
                </form>
            </div>
        </div>

    </div>
</div>
@endsection