<?php $__env->startSection("pagecss"); ?>
<link href="<?php echo e(URL::asset('')); ?>assets/vendors/general/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css" />
<link href="<?php echo e(URL::asset('')); ?>assets/vendors/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" />
<?php $__env->stopSection(); ?>
<?php $__env->startSection("content"); ?>
<div class="kt-portlet">
  <div class="row" style="margin-bottom:20px">
    <div class="col-md-12">
  <?php echo $__env->make("budgets.budget_periods.updated_period", array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
  <?php echo $__env->make("budgets.budget_periods.list_periods", array_except(get_defined_vars(), array('__data', '__path')))->render(); ?> 
    </div>
  </div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection("pagejs"); ?>
<script src="<?php echo e(URL::asset('')); ?>/assets/vendors/general/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="<?php echo e(URL::asset('')); ?>assets/vendors/custom/datatables/datatables.bundle.js" type="text/javascript"></script>
<script src="<?php echo e(URL::asset('/')); ?>assets/vendors/general/jquery-validation/dist/jquery.validate.js" type="text/javascript"></script>
<script src="<?php echo e(URL::asset('/')); ?>assets/vendors/general/jquery-validation/dist/additional-methods.js" type="text/javascript"></script>
<script src="<?php echo e(URL::asset('/')); ?>assets/vendors/custom/js/vendors/jquery-validation.init.js" type="text/javascript"></script>
<script>
$('#date-range').datepicker();
$("#period-view-table").DataTable({
	// DOM Layout settings
  dom: `<'row'<'col-sm-6 text-left'l><'col-sm-6 text-right'f>>
  <'row'<'col-sm-12'tr>>
  <'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7 dataTables_pager'lp>>`,
    
			
			scrollY: false,
			scrollX: true,
			scrollCollapse: true,

			lengthMenu: [5, 10, 25, 50,],

			pageLength: 10,

			language: {
				'lengthMenu': 'Display _MENU_',
			},

			// Order settings
			order: [[1, 'desc']],
});
$( "#budgets_period_create" ).validate({
  // define validation rules
  rules: {
    from: {
          required: true,
      },
      to: {
          required: true,
      },
      name:{
        required:true,
      }
  },
  //display error alert on form submit  
  invalidHandler: function(event, validator) {     
  },

  submitHandler: function (form) {
      form[0].submit(); // submit the form
  }
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make("app", array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>