@extends('backend.admin.index')
@section('body')
    <!-- Main Container -->
    <main id="main-container">

        <!-- Hero -->
        <div class="bg-body-light">
            <div class="content content-full">
                <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-center">
                    <h1 class="flex-sm-fill font-size-h2 font-w400 mt-2 mb-0 mb-sm-2">{{$heading}}</h1>
                    <nav class="flex-sm-00-auto ml-sm-3" aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item active" aria-current="page"><a href="{{url('admin/exam-manage/exams/list')}}" class="btn btn-primary"><i class="fa fa-list"></i> List Exams</a></li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
        <!-- END Hero -->
        <!-- Page Content -->
        <div class="content pr-0 pl-0">
        @include('layouts.message')

        <!-- Full Table -->
            <div class="block block-rounded">
                <div class="block-content">
                    <span class="text-danger font-small">* fields are required</span>
                    <form action="" method="post">
                        {{csrf_field()}}
                        <div class="row">
                            <div class="col-sm-8">
                                <div class="p-2 border mb-2">
                                    <span class="font-weight-bold font-size-base text-primary-dark">General Info</span>
                                    <div class="mt-1 border-top">
                                        <div class="row">
                                            <div class="col-sm-8">
                                                <div class="form-group">
                                                    <label class="col-form-label text-sm" for="title"> Exam Title <span class="text-danger">*</span></label>
                                                    <input type="text" name="title" value="{{$exam->title}}" id="title" class="form-control form-control-sm" placeholder="Ex; 1st Term Exam/See Scholarship" required>
                                                    @error('title') <span class="text-danger font-small">{{$message}}</span> @enderror
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <div class="form-group">
                                                    <label class="col-form-label text-sm" for="status"> Status <span class="text-danger">*</span></label>
                                                    <select name="status" id="status" class="form-control-sm form-control" required>
                                                        <option value="public" @if($exam->status=='public') selected @endif>Active</option>
                                                        <option value="draft" @if($exam->status=='draft') selected @endif>Draft</option>
                                                        <option value="completed" @if($exam->status=='completed') selected @endif>Completed</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="col-form-label text-sm" for="level_id"> Level <span class="text-danger">*</span></label>
                                                    <select name="level_id" id="level_id" class="form-control-sm form-control" required>
                                                        <option value="">--Choose--</option>
                                                        @foreach($levels as $level)
                                                            <option value="{{$level->id}}" @if($exam->level_id==$level->id) selected @endif>{{$level->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="col-form-label text-sm" for="stream_id"> Stream <span class="text-danger">*</span></label>
                                                    <select name="stream_id" id="stream_id" class="form-control-sm form-control" required>
                                                        <option value="">--Choose--</option>
                                                        @foreach($streams as $stream)
                                                            <option value="{{$stream->id}}" @if($exam->stream_id==$stream->id) selected @endif>{{$stream->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="col-form-label text-sm" for="semester_id"> Semester/Year <span class="text-danger">*</span></label>
                                                    <select name="semester_id" id="semester_id" class="form-control-sm form-control" required>
                                                        <option value="">--Choose--</option>
                                                        @foreach($semesters as $semester)
                                                            <option value="{{$semester->id}}" @if($exam->semester_id==$semester->id) selected @endif>{{$semester->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="col-form-label text-sm" for="subject_id"> Subject <span class="text-danger">*</span></label>
                                                    <select name="subject_id" id="subject_id" class="form-control-sm form-control" required>
                                                        <option value="">--Choose--</option>
                                                        @foreach($subjects as $subject)
                                                            <option value="{{$subject->id}}" @if($exam->subject_id==$subject->id) selected @endif>{{$subject->name}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="col-form-label text-sm" for="default_marks"> Default Marks <span class="text-danger">*</span></label>
                                                    <input type="number" name="default_marks" value="{{$exam->default_marks}}" id="default_marks" class="form-control form-control-sm" placeholder="default marks for each question" required>
                                                    @error('default_marks') <span class="text-danger font-small">{{$message}}</span> @enderror
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="col-form-label text-sm" for="default_time"> Default Time (In Second) <span class="text-danger">*</span></label>
                                                    <input type="number" name="default_time" value="{{$exam->default_time}}" id="default_time" class="form-control form-control-sm"  placeholder="default time for each question" required>
                                                    @error('default_time') <span class="text-danger font-small">{{$message}}</span> @enderror
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="p-2 border mb-2">
                                    <span class="font-weight-bold font-size-base text-primary-dark">Additional Info</span>
                                    <div class="mt-1 border-top">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group mb-1">
                                                    <label class="col-form-label text-sm" for="start_date"> Exam Start Date <span class="text-danger">*</span></label>
                                                    <input type="text" name="start_date" value="{{$exam->start_date}}" id="start_date" class="js-flatpickr form-control form-control-sm"  data-enable-time="true" data-time_24hr="true" required>
                                                    @error('start_date') <span class="text-danger font-small">{{$message}}</span> @enderror
                                                </div>
                                            </div>
                                            <div class="col-sm-12">
                                                <div class="form-group mb-1">
                                                    <label class="col-form-label text-sm" for="end_date"> Exam End Date <span class="text-danger">*</span></label>
                                                    <input type="text" name="end_date" value="{{$exam->end_date}}" id="end_date" class="js-flatpickr form-control form-control-sm"  data-enable-time="true" data-time_24hr="true" required>
                                                    @error('end_date') <span class="text-danger font-small">{{$message}}</span> @enderror
                                                </div>
                                            </div>
                                            <div class="col-sm-12">
                                                <div class="form-group mb-1">
                                                    <label class="col-form-label text-sm" for="full_marks"> Exam Full Marks</label>
                                                    <input type="number" name="full_marks" value="{{$exam->full_marks}}" id="full_marks" class="form-control form-control-sm">
                                                    @error('full_marks') <span class="text-danger font-small">{{$message}}</span> @enderror
                                                </div>
                                            </div>
                                            <div class="col-sm-12">
                                                <div class="form-group mb-1">
                                                    <label class="col-form-label text-sm" for="pass_marks"> Exam Pass Marks</label>
                                                    <input type="number" name="pass_marks" value="{{$exam->pass_marks}}" id="pass_marks" class="form-control form-control-sm">
                                                    @error('pass_marks') <span class="text-danger font-small">{{$message}}</span> @enderror
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-12">
                                <div class="p-2 border mb-2">
                                    <span class="font-weight-bold font-size-base text-primary-dark">About Exam (Instruction to Students)</span>
                                    <div class="mt-1 border-top">
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="form-group mb-1">
                                                    <textarea name="details" id="js-ckeditor" class="form-control form-control-sm">{!! $exam->details !!}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-12 mb-2">
                                <button type="submit" class="btn btn-success"><i class="fa fa-save"></i> Save</button>
                            </div>

                        </div>
                    </form>
                </div>
            </div>
            <!-- END Full Table -->
        </div>
        <!-- END Page Content -->

    </main>
    <!-- END Main Container -->

@endsection
@section('after_css')
    <link rel="stylesheet" href="{{asset('public')}}/assets/js/plugins/flatpickr/flatpickr.min.css">

@endsection
@section('after_js')
    <link rel="stylesheet" href="{{asset('public')}}/assets/js/plugins/flatpickr/flatpickr.min.css">
    <script src="{{asset('public')}}/assets/js/plugins/flatpickr/flatpickr.min.js"></script>
    <script src="{{asset('public')}}/assets/js/plugins/ckeditor/ckeditor.js"></script>
    <script>jQuery(function () { Dashmix.helpers(['flatpickr','ckeditor']); });</script>

@endsection