@extends('layouts.main_without_top_button', ['title' => 'Prepaid Expenses | ' . config('app.name')])
@section('title')
    Prepaid Expenses
@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</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('general_requisitions_filters')" style="margin-left: 2px">
                                        <span class="icon-search"></span> &nbsp; FILTER
                                    </button>
                                    <a class="btn btn-small" style="margin-right: 20px" id="generate_requisition">
                                        <span class="icon-edit"></span> REQUEST NEW PERMIT
                                    </a>



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

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


                            <form target="_blank" class="form-inline form-filter" method="get"
                                  action="#">
                                <label class="control-label filter_row" for="Category">Permit Status</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}} Only</option>
                                    @endforeach
                                </select>
                                <label class="control-label filter_row" for="Category">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 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" for="Category">Days Remaining #</label>
                                <input id="days_remaining" class="span12" value="">

                                <input id="renew_all" type="checkbox" /> Renew All <br>

                                <button class="btn" style="" id="filter_current_permits">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-list">
                            <thead>
                            <tr>
                                <th class="nosort" style="width: 2%"><input name="checkall" type="checkbox" class="checkall"/></th>
                                <th style="width: 48%">Allocation</th>
                                <th style="width: 13%">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:7%">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 oTable = jQuery('#permit-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('requisitions.prepaid_expenses.datatable')}}',
                    data: function (d) {
                        d.permit_type = jQuery('#permit_type').val();
                        d.days_remaining = jQuery('#days_remaining').val();
                        d.vehicle_type = jQuery('#vehicle_type').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: 'status'}
                ],
                "bStateSave": true

            });
            jQuery('#filter_current_permits').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) {
                oTable.fnFilter(this.value);
                e.preventDefault();
            }

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

                var checked_permits = checkRows('permit_checkboxes');
                var url = '{{ route("requisitions.prepaid_expenses.create") }}';

                if (checked_permits.length > 0) create(url, checked_permits);
                else logistics_alert('Please select at least one permit');
            });

        });

        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