@extends('layouts.app')
@section('content')
<div class="container">
   <div class="row">
      <div class="col-md-12   col-sm-12 " style="min-height: 80px;  text-align: center"    >
         <div id="adv-search"  class="col-md-12   col-sm-12   "  style="border-left: 2px solid #efefef; border-right: 2px solid #efefef;">
            <form style="display:inline-block;text-align: left;width:100%;" class="navbar-form" role="search" action="{{ url('/custom/result') }}" method="POST">
               {!! csrf_field() !!}
               <label  >時間區間</label>
               <div id="reportrange" class="pull-right" style="clear:both;background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
                  <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>&nbsp;
                  <span></span> <b class="caret"></b>
               </div>
               <hr class="style-six">
               <input type="hidden" id = "daterange-hidden" name="daterange-hidden" value="">
               <hr class="style-six">
               <button class="btn btn-info pull-right" id="filter-btn" style="margin-top: 5px;">查詢</button>
            </form>
         </div>
         <hr class="style-six">
      </div>
   </div>
</div>
</div>
@endsection
@section('footer')
<script type="text/javascript">
   $(function() {
   
       var start = moment().subtract(29, 'days');
       var end = moment();

   
       function cb(start, end) {
           $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
       }
   
       $('#reportrange').daterangepicker({
           startDate: start,
           endDate: end,
       }, cb);
   
       cb(start, end);
   
   
       $("#filter-btn").click(function(){
        
   
        var t  = $("#reportrange").text();
        t = $.trim(t);
        $("#daterange-hidden").val(t);
        console.log(t);
   });
       
   });
</script>
@endsection