<?php
/*********************
 *********************
Template : "lesson.php"
Controller : "Lesson.php"

 Creation 26/06/2019
 Aernout Guillaume
 http://codes.solutions
 *********************
 *********************/
 ?>
 <hr />
 <div class="row">
  <div class="col-md-12">

      <!------CONTROL TABS START------>
    <ul class="nav nav-tabs bordered">
      <li class="active" id="tabList">
              <a href="#list" data-toggle="tab" onclick="window.location.replace('/lesson')"><i class="entypo-menu"></i>
          <?php echo get_phrase('lesson_list');?>
                      </a></li>
      <li id="tabEdit">
        <a href="#edit" data-toggle="tab" onclick=" $('#edit-btn').css('visibility','visible');"><i class="entypo-feather"></i>
          <?php echo get_phrase('calendar');?>
                      </a></li>
      <li id="tabConfirm">
              <a href="#confirm" data-toggle="tab" onclick=" $('#edit-btn').css('visibility','visible');"><i class="entypo-lock"></i>
               <?php echo get_phrase('confirm_lesson');?>
              </a>
      </li>
    </ul>
      <!------CONTROL TABS END------>
      <div class="tab-content" >
        <div class="col-md-12 text-right" style="margin-bottom:10px">
          <br>
        <!--  <span class="btn btn-info redirect" onclick="location.replace('/courses')">add course +</span>-->
          <br>
        </div>
        <br>
             <!----TABLE LISTING STARTS-->
             <?php include 'lesson/list.php'; ?>
             <!----TABLE LISTING END-->
             <!----TABLE EDITION STARTS-->
             <?php include 'lesson/edit.php'; ?>
             <!----TABLE EDITION END-->
             <!----TABLE CONFIRM STARTS-->
             <?php include 'lesson/confirm.php'; ?>
             <!----TABLE CONFIRM END-->

      </div>
  </div>
 </div>
 <!-----  DATA TABLE EXPORT CONFIGURATIONS ---->
 <!-- assets -->
 <link rel="stylesheet" href="/assets/css/csstyle/backend/lesson.css">
 <script type="text/javascript" src="/assets/js/csajax/backend/lesson.js"></script>
 <!-- Initialize the scripts-->
 <script type="text/javascript">
 jQuery(document).ready(function($)
 {
   <?php
    if(isset($edit)){
    echo  "displayEdit($edit);";
    }
    if(isset($confirm_c)){
      echo  "displayConfirm($confirm_c,$confirm_l);";
    }
   ?>
   var datatable = $("#table_export").dataTable();

     $(".dataTables_wrapper select").select2({
       minimumResultsForSearch: -1
     });
     //ajax action
     $("#saveLesson").click(function(){ajaxSave();});
     $("#editLesson").click(function(){ajaxEdit();});
     $("#deleteLesson").click(function(){ajaxDelete();});
     $("#btn-confirm").click(function(){ajaxConfirmLesson();});

     $("#edit-btn").click(function(){
       if(typeof $('#name_e').val()!== 'undefined'){

         window.location.href = "/courses/index/"+$('#name_e').val();
       }
       else if(typeof $('#course_name_t').val()!== 'undefined'){
         window.location.href = "/courses/index/"+$('#course_name_t').val();
       }
       else if(typeof $('#course_name_s').val()!== 'undefined'){
         window.location.href = "/courses/index/"+$('#course_name_s').val();
       }
       else{
         console.log('undefined');
          window.location.href = "/courses/";
       }

     });

     //dynamic interactions
     $('#name_e').change(function() {
       var id = $('#name_e').val();
       ajaxLoadCourse(id);
       ajaxLoadLesson(id);
     });
     //confirm
     $('#name_c').change(function() {
       var id = $('#name_c').val();
       ajaxLoadConfirm(id,'#');
     });
     $('#hour_c').change(function() {
       var id = $('#hour_c').val();
       ajaxLoadConfirmSub(id);
     });

     //$('.datePick').datepicker({dateFormat: 'dd-mm-yyyy'});

 });
 </script>