@extends('layouts.admin-master')

@section('title')
    إضافة  اختبار جديد
@endsection


@section('styles')
    <!-- <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/pikaday/css/pikaday.css">   -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.css" integrity="sha512-bYPO5jmStZ9WI2602V2zaivdAnbAhtfzmxnEGh9RwtlI00I9s8ulGe4oBa5XxiC6tCITJH/QG70jswBhbLkxPw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
@endsection
@section('button')
    <div>
        
        <a href="{{url('admin/exams')}}" class="btn btn-outline-info btn-sm" title=" العودة">
            <i class="fa fa-list mr-1" aria-hidden="true"></i> الاختبارات
        </a>
        
    </div>
@endsection

@section('content')
    @if ($errors->any())
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif


    @if (session('messages'))
        <div class="alert alert-success">{{session('messages')}}</div>
    @endif
    <form action="{{url('admin/exams')}}" method="post" autocomplete="off"> 
        @csrf
        <div class="row"> 
            <div class="col-md-6">  
                <div class="form-group mb-4 mt-3">
                    <label for="name" class="form-label text-gray-900"> اسم الاختبار</label>
                    <input type="text" class="form-control" name="name" id="name" value="{{old('name')}}" aria-describedby="nameHelp">
                
                    <!-- @error('name') 
                        <code>{{$message}}</code>
                    @enderror -->
                    <small class="text-danger">@error('name'){{$message}}@enderror</small>
                </div>
                <div class="form-group mb-4 mt-3">
                    <label for="" class="text-gray-900"> الصف</label>
                    <select class="form-control" name="sclass">
                        @foreach($sclasses as $Sclass) 
                            <option value="{{$Sclass->id}}">{{$Sclass->name}}</option> 
                        @endforeach
                    </select>
                    <span class="text-danger">@error('sclass'){{$message}}@enderror</span>
                </div>
                <div class="form-group mb-4 mt-3">
                    <label for="" class="text-gray-900"> المادة</label>
                    <select class="form-control" name="course">
                        @foreach($courses as $course) 
                            <option value="{{$course->id}}">{{$course->name}}</option> 
                        @endforeach
                        <option value="1"> رياضيات</option>
                    </select>
                    <span class="text-danger">@error('course'){{$message}}@enderror</span>
                </div>
                <div class="form-group mb-4 mt-3">
                    <label for="" class="text-gray-900"> الفصل الدراسي</label>
                    <select class="form-control" name="semester">
                        @foreach($semesters as $semester) 
                            <option value="{{$semester->id}}">{{$semester->name}}</option> 
                        @endforeach
                    </select>
                    <small class="text-danger">@error('semester'){{$message}}@enderror</small>
                </div>
                <div class="form-group mb-4 mt-3">
                    <label for="" class="text-gray-900"> العام الدراسي</label>
                    <select class="form-control" name="year">
                        @foreach($years as $year) 
                            <option value="{{$year->id}}">{{$year->name}}</option> 
                        @endforeach
                    </select>
                    
                    <small class="text-danger">@error('year'){{$message}}@enderror</small>
                </div>
               
            </div>
            <div class="col-md-6">  
                <div class="form-group mb-4 mt-3">
                    <label for="name" class="form-label text-gray-900">العلامة الكاملة للاختبار</label>
                    <input type="text" class="form-control" name="total_points" id="total_points" value="{{old('total_points')}}" aria-describedby="totalpointsHelp">
                
                    @error('total_points') 
                        <small class="text-danger">{{$message}}</small>
                    @enderror
                </div>
                <div class="form-group mb-4 mt-3">
                    <label for="name" class="form-label text-gray-900"> الحد الأدنى للنجاح</label>
                    <input type="text" class="form-control" name="min_points" id="min_points" value="{{old('min_points')}}" aria-describedby="totalpointsHelp">
                
                    @error('min_points') 
                        <small class="text-danger">{{$message}}</small>
                    @enderror
                </div>
                <div class="form-group mb-4 mt-3">
                    <label for="name" class="form-label text-gray-900">مدة الاختبار (بالدقائق) </label>
                    <input type="text" class="form-control" name="exam_duration" id="exam_duration" value="{{old('exam_duration')}}" aria-describedby="totalpointsHelp">
                
                    @error('exam_duration') 
                        <small class="text-danger">{{$message}}</small>
                    @enderror
                </div>
                <div class="mb-3 mt-3">
                    <label for="date" class="form-label">تاريخ الاختبار</label>
                    <input type="text" class="form-control" name="exam_date" id="date" value="{{old('exam_date')}}" aria-describedby="dateHelp" placeholder="التاريخ والوقت" dir="ltr" >
                    <small id="dateHelp" class="form-text">   تاريخ بدء الاختبار...  </small>
                    @error('exam_date') 
                        <code>{{$message}}</code>
                    @enderror
                </div>
                
            </div>
        </div>
        <hr>
        <div class="form-footer text-center">
                <button type="submit" class="btn btn-primary">إضافة</button>
            </div>
            
    </form>


@endsection

@section('scripts')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js" integrity="sha512-AIOTidJAcHBH2G/oZv9viEGXRqDNmfdPVPYOYKGy3fti0xIplnlgMHUGfuNRzC6FkzIo0iIxgFnr9RikFxK+sw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
    jQuery.datetimepicker.setLocale('ar'); 
    jQuery('#date').datetimepicker({
        isRTL: true,
        format:'Y-m-d H:i',
    });

</script>
@endsection