@extends('backend.school_admin.layout_app')

@section('page_cs')
<style type="text/css">
    .rightspan {
        background-color:#f0f0f0;
        border:1px solid #c0c0c0;
    }
</style>
@endsection
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    Manage
    <small>Question</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Create New Remembering Question</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 Question</h3>
                </div>
                <form class="form-horizontal question_creation" enctype="multipart/form-data" role="form" method="post" action="{{ url('/') }}/schoolAdmin/manageRememberingQuestion/store" >    
                    <div class="box-body">
                        {!! csrf_field() !!}
						<input type="hidden" name="remembering_question_row_id" value="{{ isset($question_row->remembering_question_row_id) ? $question_row->remembering_question_row_id : 0 }}" >
                        <div class="form-body">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Select Medium</label>
                                <div class="col-sm-9"> 
                                    <div class="checkbox">
                                        @foreach($education_list as $row) 
                                            @if(isset($education_list)) 
                                                <label style="padding-right:5px;">
                                                  <input type="checkbox"  class="education_type_row_id" multiple="multiple" name="education_type_row_id[]" value="{{ $row->education_type_row_id}}">
                                                  {{ $row->education_name}}
                                                </label>
                                            @endif
                                        @endforeach
                                         
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Select Class</label>
                                <div class="col-sm-9"> 
                                    <div class="checkbox">
                                        @foreach($classes_list_group1 as $row) 
                                            @if(is_array($class_list) && in_array( $row->class_row_id,$class_list)) 
                                                <label style="padding-right:5px;">
                                                  <input type="checkbox"  class="class_row_id" multiple="multiple" name="class_row_id[]" value="{{ $row->class_row_id}}">
                                                  {{ $row->class_name}}
                                                </label>
                                            @endif
                                        @endforeach
                                        @foreach($classes_list_group2 as $row) 
                                            @if(is_array($class_list) && in_array( $row->class_row_id,$class_list)) 
                                                <label style="padding-right:5px;">
                                                  <input type="checkbox" class="class_row_id" multiple="multiple" name="class_row_id[]"  value="{{ $row->class_row_id}}">
                                                  {{ $row->class_name}}
                                                </label>
                                            @endif
                                        @endforeach  
                                    </div>
                                    <div class="checkbox">
                                        @foreach($classes_list_group3 as $row) 
                                            @if(is_array($class_list) && in_array( $row->class_row_id,$class_list)) 
                                                <label style="padding-right:5px;">
                                                  <input type="checkbox" class="class_row_id" multiple="multiple" name="class_row_id[]"  value="{{ $row->class_row_id}}">
                                                  {{ $row->class_name}}
                                                </label>
                                            @endif
                                        @endforeach
                                        @foreach($classes_list_group4 as $row) 
                                            @if(is_array($class_list) && in_array( $row->class_row_id,$class_list)) 
                                                <label style="padding-right:5px;">
                                                  <input type="checkbox" class="class_row_id" multiple="multiple" name="class_row_id[]"  value="{{ $row->class_row_id}}">
                                                  {{ $row->class_name}}
                                                </label>
                                            @endif
                                        @endforeach  
                                    </div>
                                </div>
                            </div>
                            <input type="hidden" name="memory_exam_category_row_id" value="1" />
						    <div class="form-group">
                                <label class="col-sm-2 control-label">Difficulty Level</label>
                                <div class="col-sm-9"> 
                                    <div class="checkbox">
                                        <label style="padding-right:10px;">
                                            <input type="checkbox" class="difficulty_level" value="1" multiple="multiple"   name="question_level[]">Foundation
                                        </label>
                                        <label style="padding-right:10px;">
                                            <input type="checkbox" class="difficulty_level" value="2" multiple="multiple"   name="question_level[]">Intermediate
                                        </label>
                                        <label>
                                            <input type="checkbox" class="difficulty_level" value="3" multiple="multiple"   name="question_level[]">Advance
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Question Title</label>
                                <div class="col-sm-7">                                      
                                    <textarea class="ckeditor" rows="7" cols="80" name="question_title">
                                        {{ (isset($question_row->question_title)) ? $question_row->question_title  : ''  }}
                                    </textarea>
                                </div>
                                <div class="col-sm-3">
                                    <input type="file" name="question_title_attachment" id="question_title_attachment_name" />
                                    @if(isset($question_row->question_title_attachment ) && !empty($question_row->question_title_attachment ) && ($question_row->question_mimetype != 1))
                                    <p class="help-block"><strong style="color:green;">{{ $question_row->question_title_attachment  }}</strong></p>
                                    @endif
                                    <p class="help-block"><strong>JPG | GIF | PNG .</strong></p>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-2 control-label">Question Answer</label>
                                <div class="col-sm-9">
                                    <div class="row" style="margin-top:25px;">
                                        <div class="col-sm-5" style="margin-right:15px;vertical-align:middle;">
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <input type="text" name="answer_1" value="Almost always" class="form-control" />
                                                    <div class="input-group-addon" style="background-color:#f0f0f0;border:1px solid #c0c0c0;">
                                                        <input style="width:40px;border:none;background:none;text-align:center;font-weight:bold;" type="text" name="marks_1" value="1" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-5" style="margin-left:25px;vertical-align:middle;">
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <input type="text" name="answer_2"  value="Often" class="form-control" />
                                                    <div class="input-group-addon" style="background-color:#f0f0f0;border:1px solid #c0c0c0;">
                                                        <input style="width:40px;border:none;background:none;text-align:center;font-weight:bold;" type="text" name="marks_2" value="2" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row" style="margin-top:25px;">
                                        <div class="col-sm-5" style="margin-right:15px;vertical-align:middle;">
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <input type="text" name="answer_3" value="Sometimes" class="form-control" />
                                                    <div class="input-group-addon" style="background-color:#f0f0f0;border:1px solid #c0c0c0;">
                                                        <input style="width:40px;border:none;background:none;text-align:center;font-weight:bold;" type="text" name="marks_3" value="3" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-5" style="margin-left:25px;vertical-align:middle;">
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <input type="text" name="answer_4" value="Rarely" class="form-control" />
                                                    <div class="input-group-addon" style="background-color:#f0f0f0;border:1px solid #c0c0c0;">
                                                        <input style="width:40px;border:none;background:none;text-align:center;font-weight:bold;" type="text" name="marks_4" value="4" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    
                                    <div class="row" style="margin-top:15px;">
                                        <div class="col-sm-5" style="vertical-align:middle;">
                                            <div class="form-group">
                                                <div class="input-group">
                                                    <input type="text" name="answer_5" value="Almost never" class="form-control" />
                                                    <div class="input-group-addon" style="background-color:#f0f0f0;border:1px solid #c0c0c0;">
                                                        <input style="width:40px;border:none;background:none;text-align:center;font-weight:bold;" type="text" name="marks_5" value="5" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> 
                        </div>
                        <div class="box-footer col-sm-11">
                            <button type="button" onclick="window.location.href='{{ url('/')}}/schoolAdmin/manageRememberingQuestion/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 () {
    CKEDITOR.replace('.ckeditor');
    $('.module_category_dropdown_list').empty();
    var selected_category_id = null;
    var selected_module_row_id = $(".module_list_dropdown").val();
    
    $.ajax({
        url: "{{ url('/schoolAdmin/getCategorylistByModule') }}" + '/' + selected_module_row_id + '/' + selected_category_id,
        type: "GET",
        dataType: "html",
        success: function(data){
        $('.module_category_dropdown_list').append(data);
        }
    });

    $(".module_list_dropdown").change(function(){
            $('.module_category_dropdown_list').empty();
            var selected_category_id = null;
            var selected_module_row_id = $(this).val();
            $.ajax({
                url: "{{ url('/schoolAdmin/getCategorylistByModule') }}" + '/' + selected_module_row_id + '/' + selected_category_id,
                type: "GET",
                dataType: "html",
                success: function(data){
                $('.module_category_dropdown_list').append(data);
                }
            });
    });
    $('.submit_create_question').click(function() {
      diff_checked = $(".difficulty_level:checked").length;
      class_checked = $(".class_row_id:checked").length;
      /*if(!diff_checked) {
        alert("You must check at least one difficulty level.");
        $(".difficulty_level:checked").focus();
        return false;
      }*/
      if(!class_checked) {
        alert("You must check at least one class.");
        $(".class_row_id:checked").focus();
        return false;
      }
      $("form.question_creation").submit();
    });
});
</script>
@endsection