<!-- Content Wrapper. Contains page content -->
<div class="row">
  <!-- Content Header (Page header) -->
  

  <!-- Main content -->
  <section class="content"style="width:800px; height:800px; margin-right:auto; margin-left: auto;">
    <div class="row">
     
    <!-- /.col -->
    <div class="col-md-12">
      <div class="box box-primary">
        <div class="box-body no-padding">
          <!-- THE CALENDAR -->
          <div id="calendar"></div>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /. box -->
    </div>
    <!-- /.col -->
  </div>
  <!-- /.row -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->

<div class="row">
  <div class="col-md-12">
    <div class="box">
      <div class="box-header">
        <h3 class="box-title">
          
        </h3>
      </div>
    </div>
  </div>
</div>
<script>
  
  var idplanning = "<?php echo $planning_id; ?>";
        
        $.get(base_url+"Planning/calendar/"+idplanning,function(data){
           logs = JSON.parse(data);
          //alert(logs);
          var cal=$('#calendar').fullCalendar({
              theme:false,
      
              local:"fr",
              header    : {
                left  : 'prev,next today',
                center: 'title',
                right : 'month,agendaWeek,agendaDay'
              },
              buttonText: {
              today:    "aujourd'hui",
                month:    'Mois',
                week:     'Semaine',
                day:      'Jour',
                list:     'liste'
              },
              //Random default events
              events    :logs,
              slectable :true,
              selecthelper : true,
            });
           
             
        });
</script>