@extends('backend.school_admin.layout_app')

@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    Manage
    <small>Exam</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Create New Exam</li>
  </ol>
</section>
<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-12 ">
            <!-- BEGIN SAMPLE FORM PORTLET-->
            <div class="box box-info">
                <div class="box-header with-border">
                    <h3 class="box-title">Add New Exam</h3>
                </div>
                <form class="form-horizontal question_creation" enctype="multipart/form-data" role="form" method="post" action="{{ url('/') }}/schoolAdmin/manageExam/store" >    
                    <div class="box-body">
                        {!! csrf_field() !!}
						<input type="hidden" name="exam_row_id" value="{{ isset($exam_row->exam_row_id) ? $exam_row->exam_row_id : 0 }}" >
                        <div class="form-body">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Exam Year</label>
                                <div class="col-sm-9">
                                    <select class="form-control" required="required" name="exam_year">
                                        @if(isset($exam_row->exam_row_id) && !empty($exam_row->exam_row_id))
                                            <option value=""></option>
                                            <option value="2026">2026</option>
                                        @else
                                            <option value="2026">2026</option>
                                        @endif
                                    </select>                                    
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Select Medium</label>
                                <div class="col-sm-9">                               
                                   <select class="form-control" required="required" name="education_type_row_id">
                                        <option value="">Education Type</option>
                                        @foreach($education_list as $edu_row)  
                                        <option  value="{{ $edu_row->education_type_row_id}}" {{  isset($exam_row->education_type_row_id) &&($exam_row->education_type_row_id == $edu_row->education_type_row_id)  ? 'selected="selected"' : ''  }}>  {{ $edu_row->education_name}} </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Select Class</label>
                                <div class="col-sm-9">
                                    <select class="form-control" required="required" name="class_row_id"> 
                                    <option value="">Select Class</option>  
                                    @foreach($class_list as $class_row)
                                        <option  value="{{ $class_row->class_row_id}}" {{  isset($exam_row->class_row_id) &&($exam_row->class_row_id == $class_row->class_row_id)  ? 'selected="selected"' : ''  }}>  {{ $class_row->class_name}} </option>
                                    @endforeach
                                    </select>
                                </div>    
                            </div>
						    <div class="form-group">
                                <label class="col-sm-2 control-label">Select Module</label>
                                <div class="col-sm-9">                               
                                   <select class="form-control exam_module_list_dropdown" required="required" name="module_row_id">
								        <option value="">Module Type</option>
										@foreach($module_list as $row)	
                                        <option  value="{{ $row->module_row_id}}" {{  isset($exam_row->module_row_id) &&($exam_row->module_row_id == $row->module_row_id)  ? 'selected="selected"' : ''  }}>  {{ $row->module_name}} </option>
										@endforeach
									</select>
                                </div>
                            </div>   
							<div class="form-group">
                                <label class="col-sm-2 control-label">Select Level</label>
                                <div class="col-sm-9">  
                                    <select class="form-control" name="question_level">
                                        <option value="">Select Difficulty Level</option>
                                        <option {{ isset($exam_row->question_level) && ($exam_row->question_level == 1)  ? 'selected="selected"' : ''  }} value="1">Foundation</option>
                                        <option {{ isset($exam_row->question_level) && ($exam_row->question_level == 2)  ? 'selected="selected"' : ''  }} value="2">Intermediate</option>
                                        <option {{ isset($exam_row->question_level) && ($exam_row->question_level == 3)  ? 'selected="selected"' : ''  }} value="3">Advance</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Exam Name</label>
                                <div class="col-sm-9">  
                                    <input type="text" class="form-control" name="exam_name" value="{{ isset($exam_row->exam_name) ? $exam_row->exam_name : '' }}" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Exam Instructation</label>
                                <div class="col-sm-9">
                                <textarea class="ckeditor" rows="7" cols="80" name="exam_instruction">
                                       {{ (isset($exam_row->exam_instruction)) ? $exam_row->exam_instruction  : ''  }}
                                </textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Sort Order</label>
                                <div class="col-sm-9">  
                                    <input type="text" class="form-control" name="sort_order" value="{{ isset($exam_row->sort_order) ? $exam_row->sort_order : '' }}" />
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Descriptive Exam Format</label>
                                <div class="col-sm-9"> 
                                    <div class="radio">
                                        <label style="padding-right:10px;">
                                            <input type="radio" class="descriptive_exam_format" value="0"    name="descriptive_exam_format" id="descriptive_exam_format" />Automatic
                                        </label>
                                        <label style="padding-right:10px;">
                                           <input type="radio" class="descriptive_exam_format" value="1"    name="descriptive_exam_format" id="descriptive_exam_format" />Manual
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group exam_question_time_selection_container" style="margin:40px !important;">
                            </div>
                        </div>
                        <div class="box-footer col-sm-11">
                            <button type="button" onclick="window.location.href='{{ url('/')}}/schoolAdmin/manageExam/list'" class="btn btn-default">Cancel</button>
                            <button type="submit" class="btn submit_create_question btn-info pull-right">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
@endsection
@section('page_js')
<script src="{{ asset('/public/adminlte') }}/bower_components/ckeditor/ckeditor.js"></script>
<script type="text/javascript">
$(document).ready(function () {
            $('div.exam_question_time_selection_container').empty();
            var selected_exam_id = null;
            var selected_module_row_id = $('.exam_module_list_dropdown').val();
            $.ajax({
                url: "{{ url('/schoolAdmin/getExamQuestionListByModule') }}" + '/' + selected_module_row_id + '/' + selected_exam_id,
                type: "GET",
                dataType: "html",
                success: function(data){
                    $('div.exam_question_time_selection_container').html(data);
                }
            });
    $(".exam_module_list_dropdown").change(function(){
            $('div.exam_question_time_selection_container').empty();
            var selected_exam_id = null;
            var selected_module_row_id = $(this).val();
            $.ajax({
                url: "{{ url('/schoolAdmin/getExamQuestionListByModule') }}" + '/' + selected_module_row_id + '/' + selected_exam_id,
                type: "GET",
                dataType: "html",
                success: function(data){
                    $('div.exam_question_time_selection_container').html(data);
                }
            });
    });
    CKEDITOR.replace('.ckeditor',{
         enterMode: CKEDITOR.ENTER_BR,
         autoParagraph:false,
         //allowedContent:true,
    });
});
</script>
@endsection