@extends('layouts.main', ['title' => 'Store | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a><span class="divider">/</span></li>
        <li class="active">Trip Fuel Reports</li>
    </ul>
@stop
@section('title', 'Reports')
@section('msghead_menu')
    <div class="row-fluid">

        <form id="report_form" accept-charset="UTF-8" style="text-align: center" method="POST" target="_blank" role="form" action="{{route('inventories.inventory_reports.print')}}" autocomplete="off">
            <input type="hidden" name="_token" value="{{csrf_token()}}">

            <select name="Truck" class="searchable" multiple required>
                 @foreach($trip_data as $item)
                    <option value="{{$item->truck}}">{{$item->truck}}</option>
                 @endforeach
            </select>

            <select name="Client" class="searchable" >
                <option value="">All</option>
                @foreach($trip_data as $item)
                    <option value="{{$item->client}}">{{$item->client}}</option>
                @endforeach
            </select>

            <select name="Loading City" class="searchable" >
                @foreach($trip_data as $item)
                    <option value="{{$item->loading_city}}">{{$item->loading_city}}</option>
                @endforeach
            </select>

            <select name="Destination" class="searchable" >
                @foreach($trip_data as $item)
                    <option value="{{$item->destination}}">{{$item->destination}}</option>
                @endforeach
            </select>

            <button type="button" id="generate_report" class="btn" style="margin-right: 2px"> GENERATE</button>
            <button type="submit" class="btn" style="margin-right: 2px"><i  class="icon-print"></i> PDF</button>


        </form>
    </div>
    <br>
    <div id="report_holder" class="row-fluid">

    </div>

@endsection
@section('contentinner')
    <div class="row-fluid">

    </div>
    <script>
        jQuery('.searchable').select2();
        jQuery('.datepickers').datepicker({format: 'yyyy-mm-dd'});

        jQuery('#generate_report').on('click', function (e) {
            e.preventDefault();
            var url = "{{route('reports.managements_reports.trip_fuel_generate')}}";
            var formData = jQuery('#report_form').serialize();
            jQuery.ajax({
                url: url,
                type: 'post',
                data: formData,
                cache: false,
                beforeSend: function () {
                    startSpinner();
                },
                success: function (data) {
                    jQuery('#report_holder').html(data).trigger('change');
                },
                complete: function () {
                    stopSpinner();
                }
            });

        });

        {{--jQuery('#print_report2').on('click', function (e) {--}}
            {{--e.preventDefault();--}}
            {{--var url = "{{route('inventories.inventory_reports.print')}}";--}}
            {{--var formData = jQuery('#report_form').serialize();--}}
            {{--jQuery.ajax({--}}
                {{--url: url,--}}
                {{--type: 'post',--}}
                {{--data: formData,--}}
                {{--cache: false,--}}
                {{--beforeSend: function () {--}}
                    {{--startSpinner();--}}
                {{--},--}}
                {{--success: function (data) {--}}
                    {{--jQuery('#report_holder').html(data).trigger('change');--}}
                {{--},--}}
                {{--complete: function () {--}}
                    {{--stopSpinner();--}}
                {{--}--}}
            {{--});--}}

        {{--});--}}


        {{--jQuery('#report_form').find('select[name="report_type"]').change(function () {--}}
            {{--var report_type = jQuery(this).val();--}}
            {{--if(report_type == "ITEM_MOVEMENT"){--}}
                {{--jQuery('#report_form').find('select[name="store_id"]').select2('destroy').trigger('change');--}}
                {{--jQuery('#report_form').find('select[name="store_id"]').attr('style', 'display: none').trigger('change');--}}
                {{--jQuery('#report_form').find('input[name="from"]').attr('style', 'display: none').trigger('change');--}}
                {{--jQuery('#report_form').find('input[name="to"]').attr('style', 'display: none').trigger('change');--}}

                {{--jQuery('#report_form').find('select[name="item_id"]').removeAttr('style').trigger('change');--}}
                {{--jQuery('#report_form').find('select[name="item_id"]').select2();--}}
            {{--}else{--}}
                {{--jQuery('#report_form').find('select[name="item_id"]').select2('destroy').trigger('change');--}}
                {{--jQuery('#report_form').find('select[name="item_id"]').attr('style', 'display: none').trigger('change');--}}

                {{--jQuery('#report_form').find('select[name="store_id"]').removeAttr('style').trigger('change');--}}
                {{--jQuery('#report_form').find('select[name="store_id"]').select2();--}}
                {{--jQuery('#report_form').find('input[name="from"]').removeAttr('style').trigger('change');--}}
                {{--jQuery('#report_form').find('input[name="to"]').removeAttr('style').trigger('change');--}}
            {{--}--}}
        {{--})--}}


    </script>
@endsection