@extends('layouts.main')
@section('title','My Assessments - Section Settings')
@section('content')
<style type="text/css">
label.assessyes.contentcolor::after{
background-color: #6666; 
}

label.assessyes.contentcolor{
  color: #6666;
}

label.assessno.contentcolor{
  color: #6666;
}
</style>
<div class="pcoded-content">
    <div class="pcoded-inner-content p-0">
        <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>My Assessments</h4>
                    </div>
                    <div class="page-header-breadcrumb p-r-10">
                        <ul class="breadcrumb-title">
                            <li class="breadcrumb-item">
                                @if(Auth::guard('corporate')->user()->user_type == 1)
                                <a href="{{secure_url('company/dashboard') }}">
                                    @elseif(Auth::guard('corporate')->user()->user_type == 2)
                                    <a href="{{secure_url('recruiter/dashboard') }}">
                                        @endif 
                                        <span class="hiremee-home"></span>
                                    </a>
                                </li>
                                <li class="breadcrumb-item"><a href="{{ secure_url('pro/my-assessments') }}">My Assessments</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="page-body">
                        <div class="card b-radius-none borderless-card m-b-0 hme-pro-container">
                            <div class="card-block p-0">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h4 class="hme-pro-heading">Create Assessments</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card borderless-card m-b-0">
                            <div class="card-block p-0">

                                <div class="row m-b-30">
                                    <div class="col-lg-12 col-xl-12 hme-pro-tab">
                                        <!-- Nav tabs -->
                                        <ul class="nav nav-tabs md-tabs" role="tablist">
                                            <li class="nav-item">
                                                <a class="nav-link disabled" data-toggle="tab" href="javascript:;" role="tab">Step <span class="number-round">1</span></a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link active" data-toggle="tab" href="#step2" role="tab">Step <span class="number-round">2</span></a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link disabled" data-toggle="tab" href="javascript:;" role="tab">Step <span class="number-round">3</span></a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link disabled" data-toggle="tab" href="javascript:;" role="tab">Step <span class="number-round">4</span></a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link disabled" data-toggle="tab" href="javascript:;" role="tab">Step <span class="number-round">5</span></a>
                                            </li>
                                        </ul>
                                        <!-- Tab panes -->
                                        <div class="tab-content card-block">
                                            <div class="tab-pane active" id="step2" role="tabpanel">
                                                <div class="pageheader">
                                                    <div class="row">
                                                        <div class="col col-md-6 d-flex align-items-center" @if($row->section_freeze == 0) id="js-pro-section-label" @endif>
                                    @if($row->section_freeze == 1)
                                      View Section
                                    @else
                                                            Create New Section
                                    @endif
                                                        </div>

                                                    </div>
                                                </div>

     {{-- Upload Question Wrapper for tabs and content --}}

    <div class="row">
        <div class="col-xs-12 col-md-6">
          {!! Form::hidden('total_weightage',$total_weigth,['id'=>'js-pro-total_weightage']) !!}
            {!! Form::open(['url'=>'pro/myot-assessment-setting/save','method'=>'POST','id'=>'js-pro-myot-ass-settings-form-2','autocomplete'=>'off','class'=>'pl-3 pr-3 pro-form']) !!}
                                {!! Form::hidden('step',2) !!}
                                {!! Form::hidden('id',$id,['id'=>'js-pro-assessment_id']) !!}
                {!! Form::hidden('section_id','',['id'=>'js-pro-section_id']) !!}
                @if($row)
                  {!! Form::hidden('assessment_mode',"$row->mode",['id'=>'js-pro-assessment_mode']) !!}
                @else
                  {!! Form::hidden('assessment_mode',"0",['id'=>'js-pro-assessment_mode']) !!}
                @endif

                @if($row)
                  {!! Form::hidden('test_duration',"$row->duration_type",['id'=>'js-pro-test_duration']) !!}
                @else
                  {!! Form::hidden('test_duration',"0",['id'=>'js-pro-test_duration']) !!}
                @endif
                {!! Form::hidden('scoring_logic_step1',"$row->scoring_logic",['id'=>'js-pro-scoring_logic_step1']) !!}
               
                                <div class="form-group">
                    <label class="required">Section Name </label>
                    <div class="input-group input-group-primary2">
                    {!! Form::text("section_name","",['class'=>'form-control radius-4','placeholder'=>'Enter section name','id'=>'js-pro-section_name']) !!}
                    <span id="js-pro-section_name-error"></span>
                  </div>
                </div>
                <div class="form-group">
                    <label class="required">Section Type </label>
                    <div class="input-group input-group-primary2">
                    <div class="hme-select-style w-100 radius-4">
                        
                        {!! Form::select('section_type', $ques_type , null, ['id' => 'js-pro-section_type','class'=> 'hme-select-style','data-placeholder'=>'Select a Section Type']) !!}
                        
                    </div>
                    <span id="js-pro-section_type-error"></span>
                  </div>
               </div>
               <div class="form-group mb-1 mt-4 d-flex justify-content-start">
                   <label class="required">Manual selection of Questions :  </label>
                   <div class="input-group input-group-primary2">
                   <div class="d-flex flex-row pro-accordion-action">
                        <p class="mr-1 ml-2">
                          {!! Form::hidden('old_question_type',"",['id'=>'js-pro-old_question_type'])!!}
                            {!! Form::radio("man_sel_ques",1,false,['class' => 'js-pro-man_sel_ques','id'=>'testcheck1']) !!}
                            <label class='assessyes' for="testcheck1">YES</label>
                        </p>
                        <p class="mr-1 ml-2">
                            {!! Form::radio("man_sel_ques",0,false,['class' => 'js-pro-man_sel_ques','id'=>'testcheck2']) !!}
                            <label class='assessno' for="testcheck2">NO</label>
                        </p>
                        <span id="js-pro-section_type-error"></span>
                    </div>
                    <span id="man_sel_ques-error"></span>
                  </div>
                    
               </div>
                 <!-- subjective type evaluate changes-->
               <div id="sub_evaluate_type_div" class="d-none">
               <div  class="form-group mb-3 mt-1 d-flex  justify-content-start">
                   <label>Manual Evaluation :  </label>
                   <div class='switch'>
                    {!! Form::hidden('old_sub_evaluate_type',"",['id'=>'js-pro-sub_evaluate_type'])!!}
                        <input type="checkbox" name="sub_evaluate_type" id="sub_evaluate_type" checked="checked">
                        <span class='checked'></span>
                        <label for="sub_evaluate_type" class="sub_evaluate_type_lable">YES</label>
                    </div>

               </div>
             </div>

              <!-- Mcq weightages type benchmark range  -->
              <div id="mcq_weight_benchmark_type_div" class="d-none">
               <div  class="form-group mb-3 mt-1 d-flex  justify-content-start">
                   <label class="required">BenchMark:</label>
                   <div class="range-slider" style="margin-left:40px;">
                            <input class="range-slider__range" name="mcq_weight_benchmark" id="mcq_weight_benchmark"  type="range" value="0" min="0" max="100">
                            <span class="range-slider__value" id="rangevalue_show" style="width: 40px;">0</span>
                    </div>

               </div>
             </div>

               <div class="form-group mb-3 mt-1 d-flex justify-content-start">
                   <label>Section Introduction :  </label>
                   <div class='switch'>
                        <input type="checkbox" name='section_intro' id='js-pro-section_intro' checked="checked">
                        <span class='checked'></span>
                        <label for="js-pro-section_intro" class="js-pro-section_intro_value">YES</label>
                    </div>
               </div>
               <div class="form-group pro-editor-comp" id="js-pro-ass-sec_intro-div">
                 {!! Form::textarea('sec_intro','',['class'=>'js_pro_editors','id'=>'js-pro-ass-sec_intro']) !!}
                <span id="js-pro-ass-sec_intro-error"></span>
               </div>
               <div class="form-group " id="js-pro-section-random-div">
                   <label>Randomization :  </label>
                  
                    <div class="form-group mb-3 mt-1 d-flex justify-content-start">
                   <label>Order Randomization :  </label>
                   <div class='switch'>
                        <input type="checkbox" name='order_random' id='js-pro-order_random' checked="checked">
                        <span class='checked'></span>
                        <label style="margin-right:7px;" for="js-pro-order_random" class="js-pro-order_random_value">YES</label>
                    </div>
               </div>
               <div class="form-group mb-3 mt-1 d-flex justify-content-start">
                   <label>Option Randomization :  </label>
                   <div class='switch'>
                        <input type="checkbox" name='option_randon' id='js-pro-option_randon' checked="checked">
                        <span class='checked'></span>
                        <label for="js-pro-option_randon"  style="margin-right:15px;" class="js-pro-option_randon_value">YES</label>
                    </div>
               </div>
               </div>
               @if($row->scoring_logic==2)
                <div class="form-group" id="js-pro-scoring-logic-div">
                    <div class="form-group mb-3 mt-1 d-flex justify-content-start">
                      <label>Enter Weightage :  </label>                                              
                      <div class="input-group input-group-primary2">
                        {!! Form::text("score_weightage","",['class'=>'form-control radius-4','placeholder'=>'Enter Weightage name','id'=>'js-pro-score_weightage']) !!}
                        <span id="js-pro-score_weightage-error"></span>                                
                      </div>
                    </div>
                  </div>
               @endif
               @if($row->section_freeze == 1)
                <button type="submit" class="btn btn-primary orange" disabled="disabled">Sections Freezed</button>
               @else
                <button type="submit" class="btn btn-primary orange" id="js-pro-save-section-button">Save Section Info</button>
               @endif
            {!! Form::close() !!}
        </div>
        <div class="col-xs-12 col-md-6 pro-section-list pl-0">
            <header>Available Sections </header>
            @if(!($row ? $row->sectionDetails->isEmpty() : ""))
              <div class="pro-section-list-wrapper p-t-0">
            @else
              <div class="pro-section-list-wrapper">
            @endif
                {{-- No Sections --}}
                <div id="js-pro-section-details">{!! $component !!}</div>
                

                {{-- Section Lists actions --}}
               
            </div>
             <div class=" col-md-12 text-center ">
                    <a href="{{ url('pro/create-assessments/1').'/'.$id }}" class="btn pro-default js-btn m-r-5">Previous</a>
                    @if(!($row ? $row->sectionDetails->isEmpty() : ""))
                    <button class="btn btn-primary pro-green" id="js-pro-save-step2">Save & Proceed</button>
                    @else
                    <button class="btn btn-primary pro-green" disabled="disabled" id="js-pro-save-step2">Save & Proceed</button>
                    @endif
                </div>
        </div>
    </div>
                                            </div>
                                            <div class="tab-pane" id="step3" role="tabpanel">
                                                <div class="pageheader">
       <!--  <div class="row">
            <div class="col col-md-6 d-flex align-items-center">
                Create New Assessment
            </div>

        </div> -->
        <div class="row">
            <div class="col col-md-6 d-flex align-items-center">
                <strong>Question Selection</strong>
            </div>
            <div class="col col-md-6 d-flex justify-content-end">
                <button class="btn pro-default">Clear Selection</button>
                <button class="btn orange" data-toggle="modal" data-target="#confirmQuestionSelection">Select Questions</button>
                <button class="btn pro-green c-white">Save & Procees</button>
            </div>

        </div>
    </div>

    {{-- Upload Question Wrapper for tabs and content --}}
    <div class="row">
        <div class="col-xs-12 col-md-12 pro-scroll-tab">
           <ul class="nav nav-tabs" id="myTab" role="tablist">
              <a href="" class="scroll-left"><span class="hmepro-icon-left"></span></a>
              <a href="" class="scroll-right"><span class="hmepro-icon-right"></span></a>
              <li class="nav-item">
                <a class="nav-link active" id="section-manual-tab" data-toggle="tab" href="#section-manual" role="tab" aria-controls="section-manual-tab" aria-selected="true">
                    <span>Section Name 1</span>
                    <small>[manual]</small>
                </a>
                
              </li>
              <li class="nav-item">
                <a class="nav-link" id="section-auto-tab" data-toggle="tab" href="#section-auto" role="tab" aria-controls="section-auto-tab" aria-selected="false">
                    <span>Section Name 2</span>
                    <small>[auto]</small>
                </a>
                
              </li>

              
              
            </ul>
            <div class="tab-content" id="myTabContent">
              {{-- Manual Question Selection --}}
              <div class="tab-pane fade show active" id="section-manual" role="tabpanel" aria-labelledby="section-manual-tab">
                    <div class="row mb-1 pro-question-filter">
                      <div class="col-xs-12 col-md-4">
                          <div class="form-group">
                                <div class="hme-select-style w-100 radius-4">
                                  <select class="hme-select-style">
                                    <option selected="selected">Select question Pool</option>
                                    <option>Multiple Choice</option>
                                    <option>Multiple Answer</option>
                                    
                                  </select>
                              </div>
                           </div>
                      </div> 
                      <div class="col-xs-12 col-md-4">
                          <div class="form-group">
                                <div class="hme-select-style w-100 radius-4">
                                  <select class="hme-select-style">
                                    <option selected="selected">Select question Topic</option>
                                    <option>Multiple Choice</option>
                                    <option>Multiple Answer</option>
                                    
                                  </select>
                              </div>
                           </div>
                      </div> 
                      <div class="col-xs-12 col-md-4">
                          <div class="form-group">
                                <div class="hme-select-style w-100 radius-4">
                                  <select class="hme-select-style">
                                    <option selected="selected">Select Difficulty Level</option>
                                    <option>Multiple Choice</option>
                                    <option>Multiple Answer</option>
                                    
                                  </select>
                              </div>
                           </div>
                      </div> 
                    </div>
                    <div class="question-list-wrapper">
                        <div class="question-list">
                            <div class="row d-flex align-items-center">
                                <div class="col-xs-12 col-md-2">
                                    <a href="" class="view-question">HCQ-0012</a>
                                </div>
                                <div class="col-xs-12 col-md-7">
                                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy . . .
                                </div>
                                <div class="col-xs-12 col-md-3">
                                    <div class="d-flex justify-content-end">
                                        <div class="multi-select">
                                            <input type="checkbox" id="testcheck1" name="checkbox-group" checked>
                                            <label for="testcheck1">&nbsp;</label>
                                        </div>
                                        <a href="" class="single-add"><span class="proicon-icon-plus"></span></a>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="question-list">
                            <div class="row d-flex align-items-center">
                                <div class="col-xs-12 col-md-2">
                                    <a href="" class="view-question">HCQ-0012</a>
                                </div>
                                <div class="col-xs-12 col-md-7">
                                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy . . .
                                </div>
                                <div class="col-xs-12 col-md-3">
                                    <div class="d-flex justify-content-end">
                                        <div class="multi-select">
                                            <input type="checkbox" id="testcheck1" name="checkbox-group" checked>
                                            <label for="testcheck1">&nbsp;</label>
                                        </div>
                                        <a href="" class="single-add"><span class="proicon-icon-plus"></span></a>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="question-list">
                            <div class="row d-flex align-items-center">
                                <div class="col-xs-12 col-md-2">
                                    <a href="" class="view-question">HCQ-0012</a>
                                </div>
                                <div class="col-xs-12 col-md-7">
                                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy . . .
                                </div>
                                <div class="col-xs-12 col-md-3">
                                    <div class="d-flex justify-content-end">
                                        <div class="multi-select">
                                            <input type="checkbox" id="testcheck1" name="checkbox-group" >
                                            <label for="testcheck1">&nbsp;</label>
                                        </div>
                                        <a href="" class="single-add"><span class="proicon-icon-plus"></span></a>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="question-list">
                            <div class="row d-flex align-items-center">
                                <div class="col-xs-12 col-md-2">
                                    <a href="" class="view-question">HCQ-0012</a>
                                </div>
                                <div class="col-xs-12 col-md-7">
                                    Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy . . .
                                </div>
                                <div class="col-xs-12 col-md-3">
                                    <div class="d-flex justify-content-end">
                                        <div class="multi-select">
                                            <input type="checkbox" id="testcheck1" name="checkbox-group" >
                                            <label for="testcheck1">&nbsp;</label>
                                        </div>
                                        <a href="" class="single-add"><span class="proicon-icon-plus"></span></a>
                                    </div>
                                </div>
                            </div>

                        </div>
                        
                    </div>
              </div>
              {{-- Auto Question Selection --}}
              <div class="tab-pane fade" id="section-auto" role="tabpanel" aria-labelledby="section-auto-tab">
                  <div class="row mb-1 pro-question-filter">
                      <div class="col-xs-12 col-md-4">
                          <div class="form-group">
                                <div class="hme-select-style w-100 radius-4">
                                  <select class="hme-select-style">
                                    <option selected="selected">Select question Pool</option>
                                    <option>Multiple Choice</option>
                                    <option>Multiple Answer</option>
                                    
                                  </select>
                              </div>
                           </div>
                      </div> 
                      <div class="col-xs-12 col-md-4">
                          <div class="form-group">
                                <div class="hme-select-style w-100 radius-4">
                                  <select class="hme-select-style">
                                    <option selected="selected">Select question Topic</option>
                                    <option>Multiple Choice</option>
                                    <option>Multiple Answer</option>
                                    
                                  </select>
                              </div>
                           </div>
                      </div> 
                      <div class="col-xs-12 col-md-4">
                          <div class="form-group">
                                <div class="hme-select-style w-100 radius-4">
                                  <select class="hme-select-style">
                                    <option selected="selected">Select Difficulty Level</option>
                                    <option>Multiple Choice</option>
                                    <option>Multiple Answer</option>
                                    
                                  </select>
                              </div>
                           </div>
                      </div> 
                    </div>
                    <div class="question-list-wrapper">
                        <div class="question-list">
                            <div class="row d-flex align-items-center">
                                <div class="col-xs-12 col-md-8">
                                    <p>
                                        <span class="label">Pool : </span> <span class="data">Subjective type Paragraph</span>
                                    </p>
                                    <p>
                                        <span class="label">Topic : </span> <span class="data">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece . . .</span>
                                    </p>
                                </div>
                                <div class="count-input">
                                    <input type="text" class="input" name="qCount" placeholder="Q. Count" value="13">
                                    <span class="label">Q. to ADD</span>
                                </div>
                                <div class="count">
                                    <span class="data">13</span>
                                    <span class="label">Questions</span>
                                </div>
                                <div class="col-xs-12 col-md-4">
                                    <div class="d-flex justify-content-end">
                                        <div class="multi-select">
                                            <input type="checkbox" id="testcheck1" name="checkbox-group" checked>
                                            <label for="testcheck1">&nbsp;</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="question-list">
                            <div class="row d-flex align-items-center">
                                <div class="col-xs-12 col-md-8">
                                    <p>
                                        <span class="label">Pool : </span> <span class="data">Subjective type Paragraph</span>
                                    </p>
                                    <p>
                                        <span class="label">Topic : </span> <span class="data">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece . . .</span>
                                    </p>
                                </div>
                                <div class="count-input">
                                    <input type="text" class="input" name="qCount" placeholder="Q. Count" value="13">
                                    <span class="label">Q. to ADD</span>
                                </div>
                                <div class="count">
                                    <span class="data">13</span>
                                    <span class="label">Questions</span>
                                </div>
                                <div class="col-xs-12 col-md-4">
                                    <div class="d-flex justify-content-end">
                                        <div class="multi-select">
                                            <input type="checkbox" id="testcheck1" name="checkbox-group" checked>
                                            <label for="testcheck1">&nbsp;</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="question-list">
                            <div class="row d-flex align-items-center">
                                <div class="col-xs-12 col-md-8">
                                    <p>
                                        <span class="label">Pool : </span> <span class="data">Subjective type Paragraph</span>
                                    </p>
                                    <p>
                                        <span class="label">Topic : </span> <span class="data">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece . . .</span>
                                    </p>
                                </div>
                                <div class="count-input">
                                    <input type="text" class="input" name="qCount" placeholder="Q. Count" value="13">
                                    <span class="label">Q. to ADD</span>
                                </div>
                                <div class="count">
                                    <span class="data">13</span>
                                    <span class="label">Questions</span>
                                </div>
                                <div class="col-xs-12 col-md-4">
                                    <div class="d-flex justify-content-end">
                                        <div class="multi-select">
                                            <input type="checkbox" id="testcheck1" name="checkbox-group" checked>
                                            <label for="testcheck1">&nbsp;</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="question-list">
                            <div class="row d-flex align-items-center">
                                <div class="col-xs-12 col-md-8">
                                    <p>
                                        <span class="label">Pool : </span> <span class="data">Subjective type Paragraph</span>
                                    </p>
                                    <p>
                                        <span class="label">Topic : </span> <span class="data">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece . . .</span>
                                    </p>
                                </div>
                                <div class="count-input">
                                    <input type="text" class="input" name="qCount" placeholder="Q. Count" value="13">
                                    <span class="label">Q. to ADD</span>
                                </div>
                                <div class="count">
                                    <span class="data">13</span>
                                    <span class="label">Questions</span>
                                </div>
                                <div class="col-xs-12 col-md-4">
                                    <div class="d-flex justify-content-end">
                                        <div class="multi-select">
                                            <input type="checkbox" id="testcheck1" name="checkbox-group" checked>
                                            <label for="testcheck1">&nbsp;</label>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


              </div>
            </div>

        </div>
    </div>

                                            </div>
                                            <div class="tab-pane" id="step4" role="tabpanel">
                                                <p class="m-0">4.Cras consequat in enim ut efficitur. Nulla posuere elit quis auctor interdum praesent sit amet nulla vel enim amet. Donec convallis tellus neque, et imperdiet felis amet.</p>
                                            </div>
                                            <div class="tab-pane" id="step5" role="tabpanel">
                                                <p class="m-0">5.Cras consequat in enim ut efficitur. Nulla posuere elit quis auctor interdum praesent sit amet nulla vel enim amet. Donec convallis tellus neque, et imperdiet felis amet.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    @endsection
 @section('footer')
   <script src="{{ secure_asset('js/ckfinder/standard-all/ckeditor.js') }}"></script>
    <script src="{{ secure_asset('js/ckfinder/ckfinder.js') }}"></script> 
    <script>CKFinder.config( { connectorPath: '/ckfinder/connector' } );</script>
    <script type="text/javascript">
        $('.js_pro_editors').each(function(){

    var editor = CKEDITOR.replace($(this).attr('id'), {
        extraPlugins: 'uploadimage,image2,eqneditor',
        removePlugins: 'image',
        removeButtons: 'Source',
        filebrowserImageBrowseUrl: '',
        filebrowserFlashBrowseUrl: '',
        filebrowserBrowseUrl: '',
        height: 250
    });

    CKFinder.setupCKEditor(editor);

    editor.on('instanceReady', function() {
        editor.on('change', function() {
            editor.updateElement();
        });
    });
});


    function disableBack() {
                window.history.forward()
            }
            window.onload = disableBack();
            window.onpageshow = function(e) {
                if (e.persisted)
                    disableBack();
            }   
    </script>
@endsection