<?php
/*********************
 *********************
Template : "overview.php"
Controller : "Overview.php"
 => Show course detail
 => Show lesson detail
    -> add confirm lesson
    -> add assign student
    -> add student presence
 Creation 06/05/2019
 Aernout Guillaume
 http://codes.solutions
 *********************
 *********************/
 ?>
  <div class="row">
  <div class="col-md-12">
  <div class="tab-content">
        <br>
        <div class="box-content">
        <div class="padded">
          <div class="form-group">
              <label class="col-sm-3 control-label"><?php echo get_phrase('name');?></label>
              <div class="col-sm-5">
                <select name="name" id="name" class="form-control selectpicker select22" style="width:100%;" data-validate="required" data-live-search="true" data-message-required="<?php echo get_phrase('value_required'); ?>">
                  <option value=""><?php echo get_phrase('select_course_name'); ?></option>
                  <?php
                  foreach ($course_list as $row):
                    ?>
                    <option value="<?php echo $row['ID']; ?>"><?php echo $row['CourseName']; ?></option>
                    <?php
                  endforeach;
                  ?>
                </select>
              </div>
        </div><br><hr>
      <span class="btn btn-info entypo-plus-squared" id="btn-display" onclick="display_info()"><? echo get_phrase('Show Informations');?></span>
      <div class="info" style="display:none">
        <div class="form-group col-sm-12" style="margin-top:10px;">
          <label class="col-sm-3 control-label"><?php echo get_phrase('Course Start');?></label>
          <div class="col-sm-5"><input type="text" readonly="readonly" value="" id="course_start"></input></div>
          <br>
        </div>
        <div class="form-group col-sm-12" >
          <label class="col-sm-3 control-label"><?php echo get_phrase('Course End');?></label>
          <div class="col-sm-5"><input type="text" readonly="readonly" value="" id="course_end"></input></div>
        </div>
        <div class="form-group col-sm-12">
          <label class="col-sm-3 control-label"><?php echo get_phrase('Hour Contract');?></label>
          <div class="col-sm-5"><input type="text" readonly="readonly" value="" id="course_contract"></input></div>
        </div>
        <div class="form-group col-sm-12">
          <label class="col-sm-3 control-label"><?php echo get_phrase('Hour to Plan');?></label>
          <div class="col-sm-5"><input type="text" readonly="readonly" value="" id="course_to_plan"></input></div>

        </div>

        <div class="form-group col-sm-12">
            <hr>
          <label class="col-sm-3 control-label"><?php echo get_phrase('Hour Planned');?></label>
          <div class="col-sm-5"><input type="text" readonly="readonly" value="" id="course_total"></input></div>
        </div>

        <div class="form-group col-sm-12">
          <label class="col-sm-3 control-label"><?php echo get_phrase('Hour Planned Remaining');?></label>
          <div class="col-sm-5"><input type="text" readonly="readonly" value="" id="course_remaining"></input></div>
        </div>
        <div class="form-group col-sm-12">
              <hr>
          <label class="col-sm-3 control-label"><?php echo get_phrase('Student Numbers');?></label>
          <div class="col-sm-5"><input type="text" readonly="readonly" value="" id="student_total"></input></div>
        </div>
        <div class="form-group col-sm-12">
          <label class="col-sm-3 control-label"><?php echo get_phrase('Student Age');?></label>
          <div class="col-sm-5"><input type="text" readonly="readonly" value="" id="student_age"></input></div>
          <span class="btn btn-info entypo-flow-line  redirect" id="edit_course">Edit Course</span>
        </div>
      </div>
        <div class="form-group col-sm-12" style="overflow: scroll;">
          <hr>
          <table class="table-bordered datatable" id="table_lesson">
            <thead>
              <tr>
                <th id='id_header'>#</th>
                <th id='lesson_header' class="entypo-up-dir">Lesson Info</th>
                <th>Lesson Statut</th>
                <th>Teacher List</th>
                <th>Student List</th>
                <th>Student Age</th>
                <th>Student Numbers</th>
                <th>Student Presence</th>
                <th>#</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
          <span class="btn btn-info entypo-flow-tree redirect" id="edit_lesson">Edit Lessons</span>
        </div>
        </div>
    </div>
    </div>
  </div>
  </div>
  </div>
  <?php if(isset($course_from_dash)){
    ?>
  <input type="hidden" value="<? echo $course_from_dash; ?>" id="passedId" name="passedId"/>
  <?php  }
   ?>
<!-- start assests -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-select.min.js"></script>
<script type="text/javascript" src="/assets/js/csajax/backend/jQuery.sortElements.js"></script>
<script type="text/javascript" src="/assets/js/csajax/backend/overview_admin.js"></script>
<!-- end assets -->
<!-- Initialize script-->
<script type="text/javascript">

   jQuery(document).ready(function($)
   {  /* if (window.location.href.indexOf("#dev") == -1) {
         window.location.replace('/');
       }*/

     <?php if(isset($course_from_dash)){
       echo "$('#name').val('$course_from_dash');";
       echo "getInfo('$course_from_dash');";
     }
     ?>
     $('#name').change(function() {
       var id = $('#name').val();
       getInfo(id);
     });


     $('#edit_course').click(function(){
       var id = $('#name').val();
       if(id != ""){
                blurDeck();
                window.location ="courses/index/"+id;
       }
       else{
            blurDeck();
           window.location ="courses/";
       }
     });
     $('#edit_lesson').click(function(){
       var id = $('#name').val();
       if(id != ""){
                blurDeck();
                window.location ="lesson/index/edit/"+id;
       }
     });
     $('#lesson_header').click(function(){
       if($('#lesson_header').attr('class') == "entypo-up-dir"){
         $('#lesson_header').removeClass();
         $('#lesson_header').addClass('entypo-down-dir');
       }
       else{
         $('#lesson_header').removeClass();
         $('#lesson_header').addClass('entypo-up-dir');
       }
     });

   });

</script>