@extends('layouts.template')

@section('content')
<section class="fuel-entry">
    <div class="container">
        <div class="row">
            <h1 class="heading">Transport Reports 
                <a href="{{ url('transport/dashboard') }}" title="back"><i class="fa fa-undo" aria-hidden="true"></i></a></h1>
            @if(Session::has('flash_message'))
            <div class="row">
                <div class="col-md-12">
                    <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
                </div> 
            </div>   
            @endif

            <div class="fuel-add-table">
                <h1>Daily Transport Status -  Filters</h1>
                <div class="fuel-add-form">       
                    <div class="fuel-input">
                        <div class="col-md-2 col-sm-2">
                            <label for="Customer">Customer</label>
                            {!! Form::select('customer',$page_data['customer']->toArray(), null,['class'=>'form-control customer wh-select2-class', 'multiple' => 'multiple'])!!}
                            <div class="help-block with-errors"></div> 
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <label for="Customer">Booking Number</label>
                            {!! Form::select('order_no',[''=>'Select order number'] + $page_data['order']->toArray(), null,['class'=>'form-control order_no','id'=>'order_no'])!!}
                            <div class="help-block with-errors"></div> 
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <label for="Customer">Customer Reference</label>
                            {!! Form::select('customer_ref',[''=>'Select customer reference'] + $page_data['customerRef']->toArray(), null,['class'=>'form-control customer_ref','id'=>'customer_ref'])!!}

                            <div class="help-block with-errors"></div> 
                        </div>
                        <div class="col-md-3 col-sm-3">
                            <label for=" Date From"> Date From</label>
                            <input type="date" class="form-control" id="from_date" name="from_date" value="">
                            <div class="help-block with-errors"></div> 
                        </div>

                        <div class="col-md-3 col-sm-3">
                            <label for=" Date To"> Date To</label>
                            <input type="date" class="form-control" id="to_date" name="to_date" value="">
                            <div class="help-block with-errors"></div> 
                        </div>

                        <div class="form-action col-md-12 col-sm-12">
                            <br/><br/>	
                            <center> 
                                <a onclick="dailytransportreport2(this)" class="newbooking">Daily Transport Report</a>
                                <a onclick="dailydomestictransportreport2(this)" class="newbooking">DAILY DOMESTIC TRANSPORT REPORT</a>
                            </center>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
    <br>
    <div class="container">
        <div class="cargo-search">
            <div class="row">
                <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>
        </div>
    </div>
</section>
<script type="text/javascript">
    $(".alert").fadeTo(2000, 500).slideUp(500, function () {
        $(".alert").alert('close');
    });
    var startDate = '2024-12-12';
    var endDate = '2025-01-11';
    $("#from_date").val(startDate);
    $("#to_date").val(endDate);

    function dailytransportreport(element) {
        var customer = $('.customer').val();
        var from_date = $('#from_date').val();
        var to_date = $('#to_date').val();
        var order_no = $('#order_no').val();
        var customer_ref = $('#customer_ref').val();
        if (!order_no)
            order_no = 0;
        if (!customer_ref) {
            var customerRef = 0;
        } else {
            var customerRef = customer_ref.split('/').join('-');
        }

        if (customer == null || customer == '' || from_date == '' || to_date == '')
        {
            alert("Please select customer and from date and to date");
        } else
        {
            $(element).attr('href', function () {
                return "{{ URL::to('downloadDailyTransportReport/xls') }}" + '/' + customer + '/' + from_date + '/' + to_date + '/' + order_no + '/' + customerRef;
            });
        }
    }

    function dailytransportreport2(element) {
        var customer = $('.customer').val();
        var from_date = $('#from_date').val();
        var to_date = $('#to_date').val();
        var order_no = $('#order_no').val();
        var customer_ref = $('#customer_ref').val();
        if (!order_no)
            order_no = 0;
        if (!customer_ref) {
            var customerRef = 0;
        } else {
            var customerRef = customer_ref.split('/').join('-');
        }

        if (customer == null || customer == '' || from_date == '' || to_date == '')
        {
            alert("Please select customer and from date and to date");
        } else
        {
            $(element).attr('href', function () {
                return "{{ URL::to('downloadDailyTransportReport2/xls') }}" + '/' + customer + '/' + from_date + '/' + to_date + '/' + order_no + '/' + customerRef;
            });
        }
    }

    function dailydomestictransportreport(element) {
        var customer = $('.customer').val();
        var from_date = $('#from_date').val();
        var to_date = $('#to_date').val();
        var order_no = $('#order_no').val();
        var customer_ref = $('#customer_ref').val();
        if (!order_no)
            order_no = 0;
        if (!customer_ref) {
            var customerRef = 0;
        } else {
            var customerRef = customer_ref.split('/').join('-');
        }

        if (customer == '' || from_date == '' || to_date == '')
        {
            alert("Please select customer and from date and to date");
        } else
        {
            $(element).attr('href', function () {
                return "{{ URL::to('downloadDailyDomesticTransportReport/xls') }}" + '/' + customer + '/' + from_date + '/' + to_date + '/' + order_no + '/' + customerRef;
            });
        }
    }

    function dailydomestictransportreport2(element) {
        var customer = $('.customer').val();
        var from_date = $('#from_date').val();
        var to_date = $('#to_date').val();
        var order_no = $('#order_no').val();
        var customer_ref = $('#customer_ref').val();
        if (!order_no)
            order_no = 0;
        if (!customer_ref) {
            var customerRef = 0;
        } else {
            var customerRef = customer_ref.split('/').join('-');
        }

        if (customer == null || customer == '' || from_date == '' || to_date == '')
        {
            alert("Please select customer and from date and to date");
        } else
        {
            $(element).attr('href', function () {
                return "{{ URL::to('downloadDailyDomesticTransportReport2/xls') }}" + '/' + customer + '/' + from_date + '/' + to_date + '/' + order_no + '/' + customerRef;
            });
        }
    }
</script>
<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>
<style type="text/css">
    button {
        /*padding: 10px !important;*/
        margin-right:10px;
    }

    select{
        display: inline-block !important;
        padding:6px !important;
    }

    .selectboxit-container {
        display: none !important;
    }

</style>

@endsection