   </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

        <!-- add new calendar event modal -->
        

        <!-- jQuery 2.0.2 -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
 <script type="text/javascript">
function valueChanged()
{ alert("hi");
    if($('.busy').is(":checked"))   
        $(".answer").show();
    else
        $(".answer").hide();
}
</script>
        <!-- jQuery UI 1.10.3 -->
        <script src="<?php echo base_url();?>js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
        <!-- Bootstrap -->
        <script src="<?php echo base_url();?>js/bootstrap.min.js" type="text/javascript"></script>
        
        <!-- fullCalendar -->
        <script src="<?php echo base_url();?>js/plugins/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
        <!-- jQuery Knob Chart -->
        <script src="<?php echo base_url();?>js/plugins/jqueryKnob/jquery.knob.js" type="text/javascript"></script>
        <!-- daterangepicker -->
        <script src="<?php echo base_url();?>js/plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
        <!-- Bootstrap WYSIHTML5 -->
        <script src="<?php echo base_url();?>js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
        <!-- iCheck -->
        <script src="<?php echo base_url();?>js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>

        <!-- AdminLTE App -->
        <script src="<?php echo base_url();?>js/AdminLTE/app.js" type="text/javascript"></script>
        
        <!-- AdminLTE dashboard demo (This is only for demo purposes) -->
        <!--<script src="js/AdminLTE/dashboard.js" type="text/javascript"></script>-->    
         <!-- InputMask -->
        <script src="<?php echo base_url();?>js/plugins/input-mask/jquery.inputmask.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>js/plugins/input-mask/jquery.inputmask.date.extensions.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>js/plugins/input-mask/jquery.inputmask.extensions.js" type="text/javascript"></script>
         <!-- DATA TABES SCRIPT -->
        <script src="<?php echo base_url();?>js/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
        <script src="<?php echo base_url();?>js/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>    
 <!-- page script -->
        <script type="text/javascript">
            $(function() {
				//Datemask dd/mm/yyyy
                $("#datemask").inputmask("yyyy-mm-dd", {"placeholder": "yyyy-mm-dd"});
				$("#datemask1").inputmask("yyyy-mm-dd", {"placeholder": "yyyy-mm-dd"});
                $("#example1").dataTable();
                $('#example2').dataTable({
                    "bPaginate": true,
                    "bLengthChange": false,
                    "bFilter": false,
                    "bSort": true,
                    "bInfo": true,
                    "bAutoWidth": false
                });
            });
        </script>
         <script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBW5Gzq5AJGtCxSO5xNqsknZP1ETZyxT60&libraries=places"></script>
 <script src="<?php echo base_url();?>js/jquery.geocomplete.js"></script>

    <script>
      $(function(){		  
        $(".geocomplete").geocomplete({
          details: ".details",
          detailsScope: '.location',
          types: ["geocode", "establishment"],
        });

        $(".find").click(function(){
          $(this).parents(".location").find(".geocomplete").trigger("geocode");
         
        });
      });
    
    </script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.min.js"></script>
     <script src="<?php echo base_url();?>plugins/daterangepicker/daterangepicker.js"></script>
     <!-- bootstrap time picker -->
    
       <script>
      $(function () {
        $("#example1").DataTable();
        $('#example2').DataTable({
          "paging": true,
          "lengthChange": false,
          "searching": false,
          "ordering": true,
          "info": true,
          "autoWidth": false
        });
      //Date range picker
        $('#reservation').daterangepicker({format: 'DD/MM/YYYY'});
        //Date range picker with time picker
        $('#reservationtime').daterangepicker({timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A'});
        //Date range as a button
        $('#daterange-btn').daterangepicker(
            {
              ranges: {
                'Today': [moment(), moment()],
                'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                
              },
            
            }
        );
      });
    </script>
     <script src="<?php echo base_url();?>plugins/timepicker/bootstrap-timepicker.min.js"></script>
       <script>
      $(function () {
       

        //Timepicker
        $(".timepicker").timepicker({
          showInputs: false,
          defaultTime: '9:00 AM'
        });
      });
    </script>
    
</body>
</html>
