@extends('layouts.main')
@section('title','Manage Series')
@section('content')
<div class="hme-loading-mask">
    <div class="hme-loading-container">
        <div class="hme-dual-ring"></div>
        <div>Please wait, Loading...</div>
    </div>
</div> 
<div class="pcoded-content">
    <div class="pcoded-inner-content">
        <div class="main-body">
            <div class="page-wrapper p-0">
                <div class="page-header p-15 m-b-0 pro-page-heading1">
                    <div class="page-header-title">
                       <h4>New Series</h4>
                    </div>
                    @if(!session()->has('new_portal_redirect'))
                    <div class="page-header-breadcrumb p-r-10">
						<ul class="breadcrumb-title">
							<li class="breadcrumb-item">
			                    <a href="{{secure_url('company/dashboard') }}">
								   <span class="hiremee-home"></span>
                                </a>
							</li>
                            <li class="breadcrumb-item">
			                    <a href="{{ secure_url('pro/series-listing') }}">
                                     Manage Series
                                </a>
							</li>
                            <!-- <li class="breadcrumb-item">
			                    <a href="{{ secure_url('pro/series/1') }}">
								   New Series
                                </a>
							</li> -->
						</ul>
					</div>
          @endif
                </div>
                <div class="page-body p-15">
                    <div class="row">
                        <div class="col-12 hme-pro-tab">
                            <ul class="nav nav-tabs md-tabs bg-none" role="tablist">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#seriesstep1" role="tab">Step <span class="number-round">1</span></a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link disabled" data-toggle="tab" href="javascript://" role="tab">Step <span class="number-round">2</span></a>
                                </li>
                            </ul>
                            <div class="tab-content min-h-unset create-series">
                                {!! Form::open(array('class'=>'form-horizontal','name'=>'add-rzseries','id'=>'add-rzseries')) !!}
                                    <div class="tab-pane active" id="seriesstep1" role="tabpanel">
                                        <div class="row">
                                            {!! Form::hidden("series_id",$series_id,['id'=>'series_id']) !!}
                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                    <label>Series Name<span style="color:red"> *:</span></label>
                                                    {!! Form::text("series_name",$series ? $series->test_series_name : "",['class'=>'form-control series_name','placeholder'=>'Series Name','id'=>'series_name']) !!}
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <label>No of Test<span style="color:red"> *:</span></label>
                                                @php

                       $no_of_test = empty($get_corporate_custom_settings->rz_no_of_assessment)? 13 : $get_corporate_custom_settings->rz_no_of_assessment;
                       $customSetting_assess_count = !is_null($get_corporate_custom_settings->rz_no_of_assessment)?$get_corporate_custom_settings->rz_no_of_assessment:2;
                       $series_ass_count = 0; 
                      if($get_series_ass_count){
                          $series_ass_count = $series->no_of_test;
                      }
      
                                              @endphp
                                                @if(!empty($get_corporate_custom_settings->rz_no_of_assessment))
                                                   {!! Form::selectRange('no_test',2,$no_of_test,($series_ass_count > 0)?$series_ass_count:$customSetting_assess_count,array('id'=>'no_test','class'=>'form-control no_test','placeholder'=>'Select number of test',($series_ass_count > 0)? "disabled":'' )) !!}
                                                 @else  
                                                    @if($get_series_ass_count)
                                                        {!! Form::selectRange('no_test',2, $no_of_test,$series ? $series->no_of_test : 2,array('id'=>'no_test','class'=>'form-control no_test','placeholder'=>'Select number of test', "disabled"=>true )) !!}
                                                    @else
                                                        {!! Form::selectRange('no_test',2,$no_of_test,$series ? $series->no_of_test:2,array('id'=>'no_test','class'=>'form-control no_test')) !!}
                                                    @endif
                                                @endif
                                            </div>
                                            
                                  
                                        </div>
                                        <div class="row mx-0">
                                           <label class="w-100">Proctoring Features:</label>
                                            <div class="col-lg-4 pl-0">
                                                <div class="form-group">
                                                    <div class="form-control d-flex align-items-center">
                                                        <label class="col-9 mb-0 px-0">Image Proctoring</label>
                                                       <div class="checkbox-fade fade-in-primary d-flex justify-content-end col-3 mr-0 pr-0">
                                                          <label class="mb-0">
                                                              <input class="js-pro-assessment_mode_span image_assessment_modes" type="checkbox" id="image_assessment_modes" @if($series) @if($series->is_image_proctoring==1) checked @endif @endif > 
                                                               <span class="cr js-checkbox-common js-pro-assessment_mode_span" tabindex="9"><i class="cr-icon icofont icofont-ui-check txt-primary"></i></span>
                                                          </label>
                                                       </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4">
                                                <div class="form-group">
                                                    <div class="form-control d-flex align-items-center">
                                                        <label class="col-9 mb-0 px-0">Window Proctoring</label>
                                                       <div class="checkbox-fade fade-in-primary d-flex justify-content-end col-3 mr-0 pr-0">
                                                          <label class="mb-0">
                                                              <input class="js-pro-assessment_mode_span window_assessment_modes" type="checkbox" id="window_assessment_modes" @if($series) @if($series->is_window_proctoring==1) checked @endif @endif> 
                                                               <span class="cr js-checkbox-common js-pro-assessment_mode_span" tabindex="9"><i class="cr-icon icofont icofont-ui-check txt-primary"></i></span>
                                                          </label>
                                                       </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-4 pr-0">
                                                <div class="form-group no-retries-validation-tooltip @if($series) @if($series->is_window_proctoring !=1) d-none @endif  @else d-none @endif ">
                                                    {!! Form::select("no_retries",
                                                    [1=>'1 Retry', 2=>'2 Retry', 3=>'3 Retry', 4=>'4 Retry', 5=>'5 Retry', 6=>'6 Retry', 7=>'7 Retry', 8=>'8 Retry', 9=>'9 Retry', 10=>'10 Retry']
                                                    ,$series ? $series->no_of_retries : "",['class'=>'form-control no_retries','placeholder'=>'No of retries','id'=>'no_retries']) !!}

                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row mx-0 mt-2 d-flex justify-content-end">
                                        <a href="{{ secure_url('pro/series-listing') }}" class="btn col-lg-2 col-md-4 col-12 btn-secondary mr-sm-3 mb-3 mb-sm-0 max-w-169">Cancel</a>
                                        <button class="btn col-lg-2 col-md-4 col-12 btn-primary max-w-169" id="btn-rzstep1-save">Save & Proceed</button>
                                    </div>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection

@section('footer')
<script>

 $("#add-rzseries").submit(function(e) {
    e.preventDefault();
  }).validate({
     errorElement: 'span',
           errorPlacement: function (error,element){
               var parent = $(element).parent();
               $('.tooltip').tooltip('hide');
               $("body").find('#'+error[0].id+'-custom').remove();
               parent.append('<span data-position="left" data-delay="0" data-toggle="tooltip" data-original-title="'+error[0].innerText+'" class="js-tootletip hiremee-info text-danger tooltip-validate tooltipped" id="'+error[0].id+'-custom"></span>');
               $('#'+error[0].id+'-custom').tooltip(tooltip_direction_options);
           },
           success: function (element){
             $("body").find('#'+element[0].id+'-custom').remove();
             $('#'+element[0].id+'-custom').tooltip('hide');
             $('.js-tooltip-validate').tooltip();
           },
            onfocusout: false,
           rules: {
            series_name: {
                required: true,
                lettersonly: true,
                normalizer: function( value ) {
                    return $.trim( value );
                    },
                maxlength:50,
                remote:{
                    url: "{{ secure_url('pro/series-name-unique') }}",
                    type: "get",
                    data:{
                    "series_name":function(){
                        return $('#series_name').val();
                    },
                    "id":function(){
                        return $('#series_id').val();
                    },
                    },
                }
           },
            no_test: {
                   required: true,
                   remote:{
                        url: "{{ secure_url('pro/series-check-available-no-test') }}",
                        type: "get",
                        data:{
                            "no_test":function(){
                                return $('#no_test').val();
                            },
                        },
                    }
            },
            no_retries: {
                   required: function(element){
                      return ($("#window_assessment_modes").is(':checked'));
                   },
                   digits: true,
                   min:1,
                   max:10
            },
         },
          messages: {
            series_name: {
                   required: "Please enter a Series Name",
                   maxlength:"Please enter Series Name less than 50 characters",
                   remote: "Series Name Already Exist"
               },
                no_test: {
                    required: "Please select a number of test",
                    remote: "No of test limit is not available"
                },
                no_retries: {
                    required: "Please enter number of retries",
                },
            },
      submitHandler: function(form) {
         $("body").find("#btn-rzstep1-save").text("Processing...").attr("disabled",true);
            var series_id=$("#series_id").val();

	        if($("#image_assessment_modes").is(':checked')){
                var image_proctoring = 1;
            }else{
                var image_proctoring = 0;
            }

            if($("#window_assessment_modes").is(':checked')){
                var window_proctoring  = 1;
            }else{
                var window_proctoring  = 0;
            }

            var series_name= $.trim($('#series_name').val());
            var no_test= $('#no_test').val();
            var no_retries=$('#no_retries').val();

            $.ajax({
              method:"POST",
              url: "{{ secure_url('pro/series/1') }}",
              data:{"steps":1, "series_id":series_id,"series_name":series_name,"no_test":no_test,"window_proctoring":window_proctoring,"image_proctoring":image_proctoring,"no_retries":no_retries,"_token": $('meta[name=csrf-token]').attr('content') },
              beforeSend:function(){
                    $('.hme-loading-mask').fadeIn();
              },
              success:function(response){
                if (response.status == 200) {
                    window.location.replace(response.url);
                }else{
                             swal({
                                html: true,
                                title: '<span class="sweet-danger-text">Error</span>',
                                text: response.message,
                                type: "warning",
                                showCancelButton: false,
                                confirmButtonText: "OK",
                                closeOnConfirm: false,
                                confirmButtonColor: '#f0443a',

                          });                          
                        }
			    $('.hme-loading-mask').fadeOut();
              },
              error: function(error){
                    $('.hme-loading-mask').fadeOut();
              }
            });
            $("body").find("#btn-rzstep1-save").text("Save & Proceed").attr("disabled",false);
            return false;
      }
});


 $("#window_assessment_modes").change(function(event) {
        var is_checked = $("#window_assessment_modes").is(":checked");
        if(is_checked) {
          $(".no_retries").val(1);
          $(".no_retries").parent().removeClass('d-none');
        } else {
          $(".no_retries").val("");
          $(".no_retries").parent().addClass('d-none');
        }
      });
</script>
@endsection