@extends('branch.layout.default')

@section('content')

<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title ">
                    Driver Fuel - {{ $driver_detail->first_name }} {{ $driver_detail->last_name }}
                </h3>
            </div>
        </div>
    </div>
    <!-- END: Subheader -->
    <div class="m-content">
        <!--Begin::Section-->
        <div class="row">
            <div class="col-lg-12">
                <div class="m-portlet">
                    <div class="m-portlet__body">
                        @if (session()->has('success'))
                        <div class="m-alert m-alert--icon alert alert-success" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-check"></i>
                            </div>
                            <div class="m-alert__text">
                                {!! session()->get('success') !!}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (session()->has('error'))
                        <div class="m-alert m-alert--icon alert alert-primary" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-warning"></i>
                            </div>
                            <div class="m-alert__text">
                                {!! session()->get('error') !!}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif

                        @if (session('status'))
                        <div class="m-alert m-alert--icon alert alert-danger" role="alert">
                            <div class="m-alert__icon">
                                <i class="la la-warning"></i>
                            </div>
                            <div class="m-alert__text">
                                {{ session('status') }}
                            </div>
                            <div class="m-alert__close">
                                <button type="button" class="close" data-close="alert" aria-label="Close"></button>
                            </div>
                        </div>
                        @endif
                        <form method="get" action="{{ route('search-fuel-reading') }}">
                            <input type="hidden" name="_token" value="{{ Session::token() }}">
                            <div class="form-group m-form__group row">
                                <label class="col-lg-2 col-form-label">Start Date</label>
                                <div class="col-lg-3">
                                    <div class="input-group">
                                        <div class="input-group err">
                                            <input class="form-control m-input datepicker_date" type="text" name="start_date" placeholder="Enter Start date" value="{{ $start_date }}">
                                        </div>
                                    </div>
                                </div>
                                <label class="col-lg-2 col-form-label">End Date</label>
                                <div class="col-lg-3">
                                    <div class="input-group">
                                        <div class="input-group err">
                                            <input class="form-control m-input datepicker_date" type="text" name="end_date" placeholder="Enter end date" value="{{ $end_date }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2">
                                    <input type="hidden" name="driver_id" value="{{ $driver_detail->id }}">
                                    <button type="submit" class="btn btn-primary">Filter</button>
                                </div>
                            </div>
                        </form>
                        <div class="table-responsive">
                            <table class="table table-bordered m-table m-table--border-brand m-table--head-bg-brand nowrap-text">
                                <thead>
                                    <tr>
                                        <th>
                                            Sr. No.
                                        </th>
                                        <th>
                                            Date
                                        </th>
                                        <th>
                                            Filling Time
                                        </th>
                                        <th>
                                            OutLet Name
                                        </th>
                                        <th>
                                            Vehile No
                                        </th>
                                        <th>
                                            KM Driven
                                        </th>
                                        <th>
                                            Fuel Quantity
                                        </th>
                                        <th>
                                            Fuel Amount
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                                                        @foreach( $fuel_lists as $fuel )
                                    <tr>
                                        <td>
                                            {{ $sno }}
                                        </td>
                                        <td>
                                            {{ date( 'Y-m-d', strtotime($fuel->fuel_date) ) }}
                                        </td>
                                        <td>
                                            {{ $fuel->filling_time }}
                                        </td>
                                        <td>
                                            {{ $fuel->outlet }}
                                        </td>
                                        <td>
                                            {{ $fuel->vehicle_no }}
                                        </td>
                                        <td>
                                            {{ $fuel->bike_reading }}
                                        </td>
                                        <td>
                                            {{ $fuel->fuelqty }}
                                        </td>
                                        <td>
                                            {{ $fuel->fuel_amount }}
                                        </td>
                                    </tr>
                                                                        @endforeach
                                </tbody>
                            </table>
                        </div>
                        {{ $fuel_lists->appends(\Request::except('page'))->links() }}

                        @if( count( $fuel_lists ) > 0 )
                        <div class="form-group row ">
                            <label class="col-md-3">
                                Format
                            </label>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-3"><input type="radio" name="filetype" value="excel" checked />EXCEL</div>
                                    <div class="col-md-3"><input type="radio" name="filetype" value="csv" checked />CSV</div>
                                    <div class="col-md-3"> <input type="radio" name="filetype" value="pdf" />PDF</div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <a href="#" onclick="DownloadList( )">Download</a>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <!--End::Section-->
    </div>
</div>

@endsection
@section('js')

<script>
    function DownloadList() {
        var start_date = $('input[name=start_date]').val();
        var end_date = $('input[name=end_date]').val();
        var driver_id = $('input[name=driver_id]').val();
        var filetype = $('input[name=filetype]:checked').val();

        console.log('File Type', filetype);

        var url = "{{url('branch/download-fuel-reading')}}?start_date=" + start_date + "&end_date=" + end_date + "&driver_id=" + driver_id + "&file_type=" + filetype;
        window.location = url;
    }
</script>
@endsection