@extends('layouts.main', ['title' => 'CURRENT PERMITS | LOGISTICS'])

@section('title')
    Permits List
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Permits List</li>
    </ul>
@stop

@section('msghead_menu')
    <li class="right btn-group">
        <div class="btn-group">
            {{--<a  href="javascript:createOrEdit('{{route('requisitions.create')}}')" class="btn pull-right btn-small" style="margin-left: 2px">--}}
                {{--<span class="icon-plus "></span> CREATE REQUISITION--}}
            {{--</a>--}}
            <a class="btn" style="margin-right: 20px" id="generate_requisition">
                <span class="icon-refresh"></span> RENEW
            </a>
            {{--<a id="generate_requisition" class="btn pull-right btn-small" style="margin-left: 2px" >--}}
                {{--<span class="icon-plus "></span> GENERATE REQUISITION--}}
            {{--</a>--}}
            <button class="btn  btn-small" onclick="openAdvancedSearch('general_requisitions_filters')" style="margin-left: 2px">
                <span class="icon-search"></span> &nbsp; FILTER
            </button>

        </div><!--btn-group-->
    </li>
@stop

@section('contentinner')
    <style>
        .form-filter {
            border-top: 1px solid #dddddd;
            border-bottom: 1px solid #dddddd;
            color: #0e4722;
            font-size: 2.4em;
            line-height: 1.4em;
            font-weight: normal;
            text-align: center;
            padding-bottom: 4px;
        }
    </style>
    <div class="row-fluid">
        <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" 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>

        <div class="span12">

            {{--<div style="margin-bottom: 8px">--}}
                {{--<form target="_blank" class="form-inline form-filter" method="get"--}}
                      {{--action="{{route('permits.print')}}">--}}
                    {{--<label class="control-label filter_row" for="Category">Permit Status</label>--}}
                    {{--<select name="select" width="200px" id="select" class="filter_row searchable_select">--}}
                        {{--<option value="permit_all">All</option>--}}
                        {{--<option value="active_all">All Active</option>--}}
                        {{--<option value="expired_all">All Expired</option>--}}
                        {{--<option value="startDateBetween">Issue Date Between</option>--}}
                        {{--@foreach($permits as $permit)--}}
                            {{--<option value="permit_{{$permit->id}}">{{$permit->name}} Only</option>--}}
                        {{--@endforeach--}}
                        {{--@foreach($permits as $permit)--}}
                            {{--<option value="expired_{{$permit->id}}">{{$permit->name}} Expired Only</option>--}}
                        {{--@endforeach--}}
                        {{--@foreach($permits as $permit)--}}
                            {{--<option value="active_{{$permit->id}}">{{$permit->name}} Active Only</option>--}}
                        {{--@endforeach--}}
                    {{--</select>--}}

                    {{--<label class="control-label filter_row" for="Category">Vehicle</label>--}}
                    {{--<select name="select_vehicle" width="100px" id="select_vehicle" class="filter_row searchable_select">--}}
                        {{--<option value="all_all">All</option>--}}
                        {{--@foreach($vehicles as $vehicle)--}}
                            {{--<option value="truck_{{$vehicle->id}}">{{$vehicle->registration_number}}</option>--}}
                        {{--@endforeach--}}
                        {{--@foreach($trailers as $trailer)--}}
                            {{--<option value="trailer_{{$trailer->id}}">{{$trailer->registration_number}}</option>--}}
                        {{--@endforeach--}}
                    {{--</select>--}}

                            {{--<span class="hide" id="date_picker">--}}
                            {{--<label class="control-label" for="Category">Date From</label>--}}
                            {{--<input type="text" name="date_from" id="starting_date" class="span2 permit_date_picker"--}}
                                   {{--value="">--}}
                            {{--<label class="control-label" for="Category">Date to</label>--}}
                            {{--<input type="text" name="date_to" id="expire_date" class="span2 permit_date_picker">--}}
                                                        {{--<select name="select_issued_between" width="150px">--}}
                                                            {{--<option value="permit_all">All</option>--}}
                                                            {{--@foreach($permits as $permit)--}}
                                                                {{--<option value="{{$permit->id}}">{{$permit->name}}--}}
                                                                    {{--Only--}}
                                                                {{--</option>--}}
                                                            {{--@endforeach--}}
                                                        {{--</select>--}}
                            {{--</span>--}}
                    {{--<button class="btn filter_row" style="" id="search-form">--}}
                        {{--FILTER--}}
                    {{--</button>--}}
                    {{--<input class="btn filter_row" id="print_permits" type="submit" value="PRINT">--}}

                    {{--<div style="display:none" id="renew_permit">--}}
                        {{--<label for="permit_id">Permit Name</label>--}}

                        {{--<select data-placeholder="Choose a On-Route Cost..." style="width:280px"--}}
                                {{--name="permit_id" id="renew_permit_id"--}}
                                {{--tabindex="2"  autocomplete="off">--}}
                            {{--<option value="" selected></option>--}}
                            {{--@foreach($permits as $permit)--}}
                                {{--<option style="color:black" value="{{$permit->id}}">{{$permit->name}}</option>--}}
                            {{--@endforeach--}}
                        {{--</select>--}}
                    {{--</div>--}}
                {{--</form>--}}
            {{--</div>--}}
            <div class="clearfix"></div>
            <table class="table table-bordered table-condensed logistics_table" id="permit-list">
                <thead>
                <tr>
                    <th class="nosort" style="width: 2%"><input name="checkall" type="checkbox" class="checkall"/></th>
                    <th style="width: 24%">Registration N0.</th>
                    <th style="width: 24%">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: 20%">Status</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div>
    <script>
        jQuery(function () {
            jQuery('.searchable_select').select2();
            var oTable = jQuery('#permit-list').dataTable({
                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": '{{route('datatables.permits.list')}}',--}}
                ajax: {
                    url: '{{route('datatables.permits.current')}}',
                    data: function (d) {
                        // d.starting_date = jQuery('#starting_date').val();
                        // d.expire_date = jQuery('#expire_date').val();
                        d.permit_type = jQuery('#permit_type').val();
                        d.days_remaining = jQuery('#days_remaining').val();
                        d.vehicle_type = jQuery('#vehicle_type').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("permits.renew.create") }}';
                    // url = url.replace(':permit_id', jQuery('#permit_type').val());

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

        });

        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