   </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>
        
 
        <!-- 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 -->
        
        
        <!-- 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=AIzaSyBzA-206XMmmD99RVU_6rn7WcAhKtWZO8s&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>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- TinyMCE -->
<script type="text/javascript" src="<?php echo base_url();?>tinymce/tinymce.min.js"></script>

<script type="text/javascript">
/*tinymce.init({
    selector: "textarea",
    theme: "modern",
  
  
  
    plugins: [ 
        "advlist autolink lists link image charmap print preview hr anchor pagebreak ",
     ],
   
   toolbar2: "|  link unlink anchor | image media | forecolor backcolor  | print preview code ",
   image_advtab: true ,
   
   });*/



</script>
<script>
    $(document).ready(function() {
    var max_fields      = 10; //maximum input boxes allowed
    var wrapper         = $(".input_fields_wrap"); //Fields wrapper
    var add_button      = $(".add_field_button"); //Add button ID
    
    var x = 1; //initlal text box count
    $(add_button).click(function(e){ //on add input button click
        e.preventDefault();
        if(x < max_fields){ //max input box allowed
            x++; //text box increment
          $(wrapper).append('</div><div><input type="hidden" class="form-control" name="pdid[]" value="0" hidden><input class="form-control" type="text" name="mytext[]" placeholder="Tab Name"/><textarea class="form-control" name="spec[]"></textarea><a href="#" class="btn btn-danger remove_field pull-right"><i class="fa fa-remove"></i>Remove</a></div>'); //add input box
        }
    });
    
    $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
        e.preventDefault(); $(this).parent('div').remove(); x--;
    })
});
</script>

<script src="<?php echo base_url();?>js/AdminLTE/app.js" type="text/javascript"></script>
<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
<script>
  $.validate({
    lang: 'en',
    modules : 'security'
  });
</script>
</body>
</html>
