<?php
/*********************
 *********************
Template : "admin_lesson.php"
Controller : "Admin_Lesson.php"

 Creation 15/07/2019
 Aernout Guillaume
 http://codes.solutions
 *********************
 *********************/
 ?>
 <br>
 <div class="row" id="lesson-row">
  <div class="col-md-12">
    <div>
      <div class="box-content" style="margin-top: 35px;">
        <div class="form-group">
          <div class="padded">
             <?php echo form_open(base_url() . '#' , array('class' => 'form-horizontal form-groups-bordered validate','target'=>'_top', 'id'=>'edit-form'));?>
            <label class="col-sm-6 control-label"><?php echo get_phrase('Teachers can delete past lessons');?></label>
            <div class="col-sm-6">
              <div class="form-group">
                  <div class='input-group'>
                    <select name="past_course" id="past_course" class="form-control select22" style="width:100%;" data-validate="required" data-message-required="<?php echo get_phrase('value_required'); ?>">
                      <option value="0"><?php echo get_phrase('no'); ?></option>
                      <option value="1"><?php echo get_phrase('yes'); ?></option>
                    </select>
                  </div>
              </div>
            </div>
            <div class="form-group">
                <label class="col-sm-6 control-label"><?php echo get_phrase('Teachers can delete lesson within :');?></label>
                <div class="col-sm-6">
                  <div class="form-group">
                      <div class='input-group'>
                        <input id="delete_range" min="0.5" step="0.5" max="72" type="range"></input>
                        <input class="col-sm-5" id="delIndic" type="text" readonly></input>
                      </div>
                  </div>
                </div>
              </div>
              <div class="form-group">
                  <label class="col-sm-6 control-label"><?php echo get_phrase("Teachers can't create lesson within :");?></label>
                  <div class="col-sm-6">
                    <div class="form-group">
                        <div class='input-group'>
                          <input id="creation_range" min="0.5" max="72" type="range"></input>
                          <input class="col-sm-5" id="creaIndic" type="text" readonly></input>
                        </div>
                    </div>
                  </div>
                </div>
            </form>
        </div>
      </div>
    </div>
  </div>
</div>

 <!-- assets to move -->
 <script>
 function ajaxUpdate(){
    var del_h = $('#delete_range').val();
    var start_h = $('#creation_range').val();
    var del_past = $('#past_course :selected').val();
    $.post('/Admin_Lesson/update', {
      del_h: del_h,
      start_h: start_h,
      del_past: del_past
    }, function(data){
        if(data == "1"){
          displayBox("parameters",'',true);
        }
        else{
          displayBox("parameters","failled to update",false);
        }
      });
 }
 </script>
 <!-- Initialize the script -->
 <script>
 jQuery(document).ready(function($)
 {
   $("#del_indic").prop('disabled', true);
   $("#crea_indic").prop('disabled', true);
   console.log('====<? echo $start_h; ?>');
  $("#delete_range").val('<? echo $del_h; ?>');
  $("#creation_range").val('<? echo $start_h; ?>');
  $("#creaIndic").val('<? echo $start_h; ?>');
  $("#delIndic").val('<? echo $del_h; ?>');

   $('#past_course').change(function(){ajaxUpdate();});
   $('#delete_range').on("change mousemove", function() {
     $('#delIndic').val($(this).val());
     ajaxUpdate();
   });
   $('#creation_range').on("change mousemove", function() {
     $('#creaIndic').val($(this).val());
     ajaxUpdate();
   });
 });
 </script>