@extends('backend.layouts.app')

@section('content')

{!! Html::script('expand_theme/js/jquery.validate.min.js') !!}
<!-- jQuery Form Validation code -->


{!! Html::script('expand_theme/bootstrap-daterangepicker/daterangepicker.js') !!}
{!! Html::script('expand_theme/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') !!}

{!! Html::script('expand_theme/input-mask/jquery.inputmask.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.date.extensions.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.extensions.js') !!}
{!! Html::script('expand_theme/moment/min/moment.min.js') !!}
 <!-- Font Awesome -->
 {!! Html::style('expand_theme/font-awesome/css/font-awesome.min.css') !!}
 <!-- Ionicons -->
 <!-- daterange picker -->
{!! Html::style('expand_theme/bootstrap-daterangepicker/daterangepicker.css') !!}
 <!-- bootstrap datepicker -->
{!! Html::style('expand_theme/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') !!}
<script>
  
  // When the browser is ready...
  $(function() {
  $(".create_form").validate();
  $("#date_range").validate();
  });
  
  </script>

  <script>
$(document).ready(function(){

var startDate = $('#beginning').val();
var endDate = $('#ending').val();
var today = $('#today').val();

if (today > endDate) {
  endDate = $('#today').val();
}else{
  endDate = $('#ending').val();
}



// console.log(startDate);
// console.log(endDate);
// console.log(today);


              $('.start_date').datepicker({

                  format: "mm/dd/yy",
                  startDate: startDate,
                  endDate: "today",
                  autoclose: true
                  
              });

               $('.end_date').datepicker({
                  format: "mm/dd/yy",
                  // startDate: new Date(),
                  startDate: startDate,
                  endDate: "today",
                  //   maxDate: "today",
                  autoclose: true
                  
                  
              }); 

});

 

</script>





  <style>
  @media (min-width: 1200px){
.container {
    width: 1030px !important; 
}
}
  </style>