@extends('layouts.main_without_top_button', ['title' => 'Prepaid Expenses | ' . config('app.name')])
@section('title')
    Prepaid Expenses Progress
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="{{route('requisitions.index')}}">General Requisitions</a> <span class="divider">/</span></li>
        <li class="active">Prepaid Expenses Progress</li>
    </ul>
@stop
@section('contentinner')
    <style>
        #logistics_modal {
            width: 95%;
            margin-left: -32%;
        }
    </style>

    @include('requisitions.prepaid_expenses.includes.tabs')

    <div class="tabbable" onload="loadScript()">
        {{--@include('requisitions.truck_mileages.includes.profile')--}}
        <div class="tab-content">
            {{--            <div id="glyphs" class="tab-pane active">--}}
            <div class="row-fluid" style="margin-bottom: 8px;">
                <div class="span12  profile-left" style="padding: 1%">
                    <div class="msghead" style="margin-bottom: 4px;margin-top: -20px;">
                        <ul class="msghead_menu">
                            <li class="right btn-group">
                                <button class="btn  btn-small" onclick="openAdvancedSearch('permit_progress_filters')" style="margin-left: 2px">
                                    <span class="icon-search"></span> &nbsp; FILTER
                                </button>
                                <a class="btn btn-small" style="margin-right: 20px" id="update_permit">
                                    <span class="icon-edit"></span> UPDATE PERMIT
                                </a>

                                @if(Auth::user()->id == 66 || Auth::user()->id == 77 || Auth::user()->id == 36)
                                    <a class="btn btn-small" style="margin-right: 20px" id="update_permit_special_case">
                                        <span class="icon-edit"></span> UPDATE PERMIT (SPECIAL CASE)
                                    </a>
                                @endif

                            </li>
                        </ul>
                        <span class="clearall"></span>
                    </div><!--msghead-->

                    <div id="permit_progress_filters" class="sidenav">
                        <a href="javascript:void(0)" class="closebtn"
                           onclick="closeAdvancedSearch('permit_progress_filters')">&times;</a>


                        <form target="_blank" class="form-inline form-filter" method="get"
                              action="#">
                            <label class="control-label" for="requisition_id">Requisition #</label>
                            <input id="requisition_id" class="span11" value="">
                            <label class="control-label filter_row" for="cost_center">Cost Center</label>
                            <select name="select" width="200px" id="cost_center" class="filter_row searchable_select">
                                <option value="" selected>All</option>
                                <optgroup label="Hoses">
                                @foreach($vehicles as $vehicle)
                                    <option value="HOSE|{{ $vehicle->id }}">{{ $vehicle->registration_number }}</option>
                                @endforeach
                                </optgroup>
                                <optgroup label="Trailers">
                                    @foreach($trailers as $trailer)
                                        <option value="TRAILER|{{ $trailer->id }}">{{ $trailer->registration_number }}</option>
                                    @endforeach
                                </optgroup>
                            </select>
                            <label class="control-label filter_row" for="Progress_status">Progress Status</label>
                            <select name="select" width="200px" id="progress_status" class="filter_row searchable_select">
                                <option value="all">All</option>
                                <option value="0">REQUESTED</option>
                                <option value="9">PARTIALLY APROVED</option>
                                <option value="1">APPROVED</option>
                                <option value="10">PAID</option>
                            </select>
                            <label class="control-label filter_row" for="Category">Permit Type</label>
                            <select name="select" width="200px" id="permit_type" class="filter_row searchable_select">
                                <option value="permit_all">All</option>
                                @foreach($permits as $permit)
                                    <option value="permit_{{$permit->id}}">{{$permit->name}}</option>
                                @endforeach
                            </select>
                            <label class="control-label filter_row" for="Category">Vehicle Type</label>
                            <select name="select" width="200px" id="vehicle_type" class="filter_row searchable_select">
                                <option value="">All</option>
                                <option value="App\Model\Vehicle">Hose Only</option>
                                <option value="App\Model\Trailer">Trailer Only</option>
                            </select>
                            <label class="control-label" for="Category">Days Remaining </label>
                            <input id="days_remaining" class="span11" value="">
                            <br>
                            <br>
                            <button class="btn" style="" id="filter_current_permits_progress">FILTER</button>
                            {{--<input class="btn" id="print_permits" type="submit" value="PRINT">--}}
                        </form>


                    </div>
                    <br/>

                    <table class="table table-bordered table-condensed table-striped logistics_table" id="permit-progress-list">
                        <thead>
                        <tr>
                            <th class="nosort" style="width: 2%"><input name="checkall" type="checkbox" disabled class="checkall"/></th>
                            <th style="width: 27%">Registration N0.</th>
                            <th style="width: 17%">Permit Name</th>
                            <th style="width: 10%">Permit No</th>
                            <th style="width: 10%">Start Date</th>
                            <th style="width: 10%">Expire Date</th>
                            <th style="width: 8%">Requisition</th>
                            <th style="width: 18%">Status</th>
                        </tr>
                        </thead>
                    </table>

                </div><!--span6-->
            </div><!--row-fluid-->
            {{--            </div><!--tab-pane-->--}}
        </div>
    </div>

    <div aria-hidden="false" class="fade hide modal animated" data-backdrop="static" id="logistics_modal-1"></div>
    <script>
        jQuery(function () {
            jQuery('.searchable_select').select2();
            var mainDataTable = jQuery('#permit-progress-list').dataTable({
                "searching": false,
                lengthMenu: [
                    [ 10, 50,100,200],
                    [ '10 Routes', '50 Routes', '100 Routes', '200 Routes']
                ],
                "oLanguage": {
                    "sLoadingRecords": "Please wait - loading records...",
                    "sZeroRecords": "No records to display.",
                    "sProcessing": "Please wait - loading records...",
                    "sInfoEmpty": "No entries to display."
                },
                ajax: {
                    url: '{{route('requisition.prepaid_expenses.progress_data')}}',
                    data: function (d) {
                        d.progress_status = jQuery('#progress_status').val();
                        d.permit_type = jQuery('#permit_type').val();
                        d.days_remaining = jQuery('#days_remaining').val();
                        d.vehicle_type = jQuery('#vehicle_type').val();
                        d.requisition_id = jQuery('#requisition_id').val();
                        d.cost_center = jQuery('#cost_center').val();
                        // d.vehicle = jQuery('#select_vehicle').val();
                        d.search = jQuery('div.dataTables_filter input').val();
                        // d.renew_all = jQuery('#renew_all').is(':checked') ? true : '';
                    }
                },
                "sPaginationType": "full_numbers",
                processing: true,
                serverSide: true,
                "columns": [
                    {data: 'vehicle_permit_id'},
                    {data: 'reg_number'},
                    {data: 'permitName'},
                    {data: 'issue_no'},
                    {data: 'start_date'},
                    {data: 'expire_date'},
                    {data: 'requisition_id'},
                    {data: 'status'}
                ],
                "bStateSave": true

            });
            jQuery('#filter_current_permits_progress').on('click', function (e) {
                searchTable(e);
            });

            jQuery('#search-form').on('click', function (e) {
                searchTable(e);
            });
            jQuery('#select').on('change', function (e) {
                if (jQuery(this).val() != 'startDateBetween') {
                    searchTable(e);
                }
            });

            function searchTable(e) {
                mainDataTable.fnFilter(this.value);
                e.preventDefault();
            }

            jQuery('#update_permit').on('click', function (e) {

                var update_permit_checkboxes = checkRows('update_permit_checkboxes');
                var url = '{{ route("vehicle_permits.update_approved_permits") }}';

                if (update_permit_checkboxes.length > 0) create(url, update_permit_checkboxes);
                else logistics_alert('Please select at least one permit to update');
            });
            jQuery('#update_permit_special_case').on('click', function (e) {

                var update_permit_checkboxes = checkRows('update_permit_checkboxes');
                var url = '{{ route("vehicle_permits.update_approved_permits") }}';

                 create(url, update_permit_checkboxes);
            });

        });

        jQuery('permit-list').find('thead').find('tr').each(function () {
            var check_all = jQuery(this).find('input[name="checkall"]');
            check_all.click(function () {
                alert(check_all.val());
            })
        })
    </script>
@stop