@extends('layouts.template')
@section('content')
<section class="planinng-trip-allowance"  id="accident-status">
  <h1 class="heading">Reports <a href="{{ url('fuel/dashboard') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
  @if(Session::has('flash_message'))
  <div class="row-fluid">
    <div class="span12">
      <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
    </div> 
  </div>   
  @endif

  <div class="cargo-search">
    <div class="panel-group" id="accordion1" role="tablist" aria-multiselectable="true">
      <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingOne">
          <h4 class="panel-title">
            <a class="table-heading" role="button" data-toggle="collapse" data-parent="#accordion1" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
              <i class="more-less glyphicon glyphicon-plus"></i>
              <h4>Fuel Reports - Filters</h4>
            </a>
          </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
         <div class="panel-body">
          <div class="cargo-search-form search-filters">
            <div class="row col-md-offset-2">
              <div class="form-group col-md-3 col-sm-2">
                <label for=" Date From"> Supplier</label>
                <div class="select">
                  {!! Form::select("supplier",["supplier" => "Supplier"] + $supplier_fuel->toArray() ,null, ["class" => "form-control", "id" => "fuelSupplier"]) !!}
                </div>
                <div class="help-block with-errors"></div> 
              </div>
              <div class="form-group col-md-3 col-sm-2">
                <label for=" Date From"> Date From</label>
                <input type="date" class="form-control from_date" name="from_date" value="">
                <div class="help-block with-errors"></div> 
              </div>

              <div class="form-group col-md-3 col-sm-2">
                <label for=" Date To"> Date To</label>
                <input type="date" class="form-control to_date" name="to_date" value="">
                <div class="help-block with-errors"></div> 
              </div>
            </div>
            <div class="row" style="margin-bottom: 20px; margin-top: 20px;">
              <div class="col-md-12 col-sm-12">
                <center> 
                  <a onclick="finalreport(this)" class="newbooking">Fuel Report</a>
                </center>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div><!-- panel-group -->
    </div> 
  </section>
<script type="text/javascript">

  function finalreport(element){
  var supplier = $('#fuelSupplier').val();
  var from_date = $('.from_date').val();
  var to_date   = $('.to_date').val();

  if(from_date == '' || to_date == '')
  {
    alert("Please select Supplier, From Date & To Date");
  }
  else
  {
      $(element).attr('href', function() {
      return "{{ URL::to('fuel/downloadFinalReport/xls') }}" + '/' + supplier + '/' + from_date + '/' + to_date;
    });
  }
}

function toggleIcon(e) {
$(e.target)
.prev('.panel-heading')
.find(".more-less")
.toggleClass('glyphicon-plus glyphicon-minus');
}
$('.panel-group').on('hidden.bs.collapse', toggleIcon);
$('.panel-group').on('shown.bs.collapse', toggleIcon);
</script> 

<!--date picker-->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script>
  $(function() {
    var startDate = '2024-12-11';
    var endDate = '2025-01-10';
    $(".from_date").val(startDate);
    $(".to_date").val(endDate);
  });
</script>
@endsection