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

 Creation 08/05/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="$('#overview-btn').css('visibility','visible'),checkUrlArg('edit')"><i class="entypo-feather"></i>
          <?php echo get_phrase('edit_lesson');?>
                      </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>-->

      <li id="tabPresence">
              <a href="#presence" data-toggle="tab" onclick="$('#overview-btn').css('visibility','visible'),checkUrlArg('pres');"><i class="entypo-check"></i>
               <?php echo get_phrase('student_presence');?>
              </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-->
             <!----TABLE ASSIGN presence STARTS-->
             <?php include 'lesson/presence.php'; ?>
             <!----TABLE ASSIGN presence END-->

      </div>
  </div>
 </div>
 <div id="quick-view">
    <span id="exit-quick-view"class="entypo-cancel-circled" style="margin-right: -12px;"></span>
    <div id="quick-iframe" class="sub-box">
    <!--  <iframe id="quick-iframe" data-src="http://www.w3schools.com" src="about:blank" width="100%" height="100%" style="text-decoration: none;border: none;background:#ffffff;"></iframe>-->
    </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/overview.js"></script>
 <script type="text/javascript" src="/assets/js/csajax/backend/lesson.js"></script>
 <!-- Initialize the scripts-->
 <script type="text/javascript">
 // many dom
 $('#loading').css('visibility','visible');
 $('.page-container').not("#loading").css("filter","blur(3px)");

 jQuery(document).ready(function($)
 {
   
   //order the select
   $("#student_assgin").append($("#student_assgin option").remove().sort(function(a, b) {
    var at = $(a).text(), bt = $(b).text();
    return (at > bt)?1:((at < bt)?-1:0);
    }));
    $("#student_assgin").prepend(new Option("-- Select Student --",0));
    $("#student_assgin").val(0);
    $("#teacher_assgin").append($("#teacher_assgin option").remove().sort(function(a, b) {
     var at = $(a).text(), bt = $(b).text();
     return (at > bt)?1:((at < bt)?-1:0);
     }));
     $("#teacher_assgin").prepend(new Option("-- Select Teacher --",0));
     $("#teacher_assgin").val(0);

      $('.how-to').hide();

   <?php
    if(isset($edit)){
    echo  "displayEdit($edit);";
    }
    /*
    if(isset($confirm_c)){
      echo  "displayConfirm($confirm_c,$confirm_l);";
    }*/
    if(isset($presence_c)){
      console.log('in');
      echo "displayPresence('$presence_c','$presence_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();});

     //////////////////////////////////////////////////
     //overview module
     $('#exit-quick-view').click(function(){
        $('#quick-view').css('visibility','hidden');
     });

     $("#overview-btn").mouseover(function(){
       //console.log('click');
       var src;
       var id;
      //$('.main-content').not("#lesson-row").css("filter","blur(3px)");
       if(parseInt($('#name_e').val()) > 1){
          id = parseInt($('#name_e').val());
          //console.log('on edit');
          src = "/overview/index/"+id;
       }
       else if(parseInt($('#course_name_p').val()) > 1){
         id = parseInt($('#course_name_p').val());
         src = "/overview/index/"+id;
       }
       else{
         console.log('undefined');
          src = "/overview/";
       }
       console.log(src);
       $('#quick-view').css('visibility','visible');
       //$('#quick-iframe').attr('src', src);
       $('#quick-iframe').off('click');
       $('#quick-iframe').click(false);
       $('#quick-iframe').load(src +' .main-content', function() {
          setQuickView(id);
          $('#name').attr('readonly', 'readonly');

          $('#edit_lesson').click(function(){
            var id =  $('#name_e').val();
           // var id = $('#name').val();
            if(id != ""){
                     blurDeck();
                     window.location ="lesson/index/edit/"+id;
            }
          });
        });

     });
     $("#how-btn").click(function(){
       if($('.how-to').css('display') == 'none'){
         $('.how-to').show();
       }
       else{
         $('.how-to').hide();
       }
     });
     $("#overview-btn").click(function(){
       console.log('click');
       if(parseInt($('#name_e').val()) > 1){

         window.location.href = "/overview/index/"+$('#name_e').val();
       }
       else if(parseInt($('#course_name_t').val()) > 1){
         window.location.href = "/overview/index/"+$('#course_name_t').val();
       }
       else if(parseInt($('#course_name_s').val()) > 1){
         window.location.href = "/overview/index/"+$('#course_name_s').val();
       }
       else{
         console.log('undefined');
          window.location.href = "/overview/";
       }

     });
     function setQuickView(id){
        //var id =  $('#name_e').val();
         $('#name').val(id);
         getInfo(id);
     }

     //////////////////////////////////////////////////
     //dynamic interactions
     $('#name_e').change(function() {
       var id = $('#name_e').val();
       window.history.replaceState(null, null, "/lesson/index/#/"+id);
       ajaxLoadCourseL(id);
       ajaxLoadLesson(id,'');
     });

     $('#hour_c').change(function() {
       var id = $('#hour_c').val();
       ajaxLoadConfirmSub(id);
     });

     //student presence
     $('#course_name_p').change(function() {
       var id = $('#course_name_p').val();
       window.history.replaceState(null, null, "/lesson/index/#/"+id);
       ajaxLoadPresence(id,'#');
       var subId = $('#lesson_select_p').val();
       ajaxLoadAssignSub(subId,'student');
     });
     $('#lesson_select_p').change(function() {
       var id = $('#lesson_select_p').val();
       ajaxLoadPresenceSub(id);
     });
     $('#presenceGroup').change(function(){
       var option = $('#presenceGroup :selected').val();
      // console.log("select get"+option);
       $(".selectPresence").val($('#presenceGroup :selected').val());
       var ids = $('#group_id').val();
       var idList = ids.split(";");
       $.each(idList, function (index, value) {
         //console.log(value);
         if($.isNumeric(value)){
            ajaxPresence(value,option);
         }
       });
       //ajaxPresence();
     });
     //$('.datePick').datepicker({dateFormat: 'dd-mm-yyyy'});
     unBlurDeck();
 });
 </script>