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

 Creation 18/05/2019
 Aernout Guillaume
 https://codes.solutions
 *********************
 *********************/
 ?>
<div class="col-md-12 text-right" style="margin-top:-58px;left: -102px;">
          <br>
          <span class="btn btn-info redirect" id="edit-btn" style="visibility:hidden;">edit course +</span>
          <br>
        </div>
<div class="tab-pane box" id="edit">
  <hr>
  <div class="box-content">
   <?php echo form_open(base_url() . 'index.php?CoursesNew/save' , array('class' => 'form-horizontal form-groups-bordered validate','target'=>'_top', 'id'=>'edit-form'));?>
          <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">
                    <div class="form-group">

                    <select name="name_E" id="name_e" class="form-control select22" style="width:100%;" data-validate="required" 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>
              </div>
              <div class="form-group">
                  <label class="col-sm-3 control-label"><?php echo get_phrase('Planned_Hours');?></label>
                  <div class="col-sm-3">
                    <div class="form-group">
                        <div class='input-group'>
                            <input type="number"   id='planned_hour_e' class="form-control" />
                        </div>
                    </div>
                  </div>
                  <label class="col-sm-3 control-label"><?php echo get_phrase('Contract_Hours');?></label>
                  <div class="col-sm-3">
                    <div class="form-group">
                        <div class='input-group'>
                            <input type="number"   id='contract_hour_e' class="form-control" />
                        </div>
                    </div>
                  </div>
              </div>
              <hr>
              <div class="form-group">
                  <label class="col-sm-3 control-label"><?php echo get_phrase('lesson_name');?></label>
                  <div class="col-sm-5">
                    <div class="form-group">
                        <div class='input-group'>
                            <input type="text" placeholder="(optional)"  id='lesson_name_e' class="form-control" />
                        </div>
                    </div>
                  </div>
              </div>
              <div class="form-group">
                        <label for="field-2" class="col-sm-3 control-label"><?php echo get_phrase('Hours');?></label>
                         <div class="col-sm-5">
                           <div class="row">
                             <div class='col-sm-6'>
                                <div class="form-group">
                                    <div class='input-group date' id='startPicker'>
                                        <input type="time" value="08:30:00" step="900" min="8:00" max="22:00" name="start_hour" id="start_hour" class="form-control" />
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-time"></span>
                                        </span>
                                    </div>
                                    <div class='input-group date' id='endPicker'>
                                        <input type="time" value="18:00:00" step="900" min="8:00" max="22:00" name="end_hour" id="end_hour" class="form-control" />
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-time"></span>
                                        </span>
                                    </div>
                                </div>
                            </div>
                         </div>
                       </div>
            </div>
          </div>
        </form>
    </div>

 <div id='calendar' class="col-md-12">
 </div>
</div>
<!-- assets -->
    <link href='/assets/fullcalendar/core/main.css' rel='stylesheet' />
    <link href='/assets/fullcalendar/daygrid/main.css' rel='stylesheet' />
    <script src='/assets/fullcalendar/core/main.js'></script>
    <script src='/assets/fullcalendar/daygrid/main.js'></script>
    <script src='/assets/fullcalendar/interaction/main.js'></script>
    <script src='/assets/fullcalendar/core/locales/fr.js'></script>

  <!-- to move on assets -->
  <script>
    $("#contract_hour_e").prop('disabled', true);
    $("#planned_hour_e").prop('disabled', true);

    function ajaxSubmitLesson(courseID,date,hourS,hourE){
      console.log('submit');
      //retrun LessonId;
    }
    function ajaxRemoveLesson(){}
  </script>