@extends('layouts.main')
@section('title')
   Gate Passes
@stop
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li class="active">Gate Passes</li>
    </ul>
@stop
@section('msghead_menu')
    <li class="right btn-group">

    </li>

    <li class="right btn-group">
        <div class="btn-group">
            <button class="btn dropdown-toggle" data-toggle="dropdown">
                <i class="icon-th"></i> &nbsp;Pass <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" style="margin-left: -50px">
                <li>
                    <a style="margin-right: 2px" onclick="modelShow('add_gate_pass')">
                        <span class="iconsweets-create"></span> Add Gate Pass</a>
                </li>

            </ul>
        </div><!--btn-group-->
    </li>
@stop
@section('contentinner')

    <div class="row-fluid">
        <div class="span12">
            <table class="table table-bordered table-condensed" id="gate_passes_list">
                <thead>
                <tr>
                    <th class="head1" style="width: 90px" >Sn</th>
                    <th class="head1">Date and Time</th>
                    <th class="head1">Vehicle</th>
                    <th class="head1">Status</th>
                    <th style="width: 100px">Action</th>
                </tr>
                </thead>
            </table>
        </div><!--span12-->
    </div><!--row-fluid-->
    @include('gate_passes.create')

    <script>
    
    jQuery('#datetimepicker').datetimepicker();
    
    function loadVehicles(id){
        
     var vehicle_id = 3;
            if(id == 3 ){
                jQuery('#other_reason').css('display','block');
                jQuery('#remarks').val('');
                jQuery('#order_route').css('display','none');
            }

            if(id == 2 ){
                jQuery('#other_reason').css('display','none');
                jQuery('#order_route').css('display','block');
                jQuery('#remarks').val('');
                jQuery('#order_route_label').text('Route');
                //  vehicle_id = jQuery('#vehicle_id').val();
                populateSelection('route',vehicle_id)
            }

            if(id == 1 ){
                jQuery('#other_reason').css('display','none');
                jQuery('#order_route').css('display','block');
                jQuery('#remarks').val('');
                jQuery('#order_route_label').text('Loading Order');
                //  vehicle_id = jQuery('#vehicle_id').val();
                populateSelection('loading',vehicle_id)
            }

        
        
        
    }
    
        function loadDestination(id){
            // alert(id)
            var reason_id = jQuery('#reason_id').val();
            var type  ;
            if(reason_id == 3 ){
                type ="other";
            }

            if(reason_id == 2 ){
                type = "route";
            }

            if(reason_id == 1 ){
                type ="loading";
            }
                     var url = "{{route('gate-passes.generate_destination_selection',[":reason",":vehicle_id"])}}";
                        url = url.replace(":reason",type);
                        url = url.replace(":vehicle_id",id);
                        jQuery.ajax({
                            type: "get",
                            cache: false,
                            url:url,
                            success: function (data) {
                                jQuery("#selection_div").html(data);
                                // alert(data);
                            },
                            error: function (data) {  alert(data);}
                        });

        }

        function populateSelection(type){
            var url = "{{route('gate-passes.generate_vehicle_selection',[":type"])}}";
            url = url.replace(":type",type);
            jQuery.ajax({
                type: "get",
                cache: false,
                url:url,
                success: function (data) {
                    jQuery("#populate_vehicles").html(data);
                    // alert(data);
                },
                error: function (data) {  alert(data);}
            });
        }

        function checkOutPass(id){
            var ok = confirm("Are you sure you want to checkout this gate Pass");

            if(ok){
                var url = "{{route('gate-passes.checkout',[":id"])}}";
                url = url.replace(":id",id);
                jQuery.ajax({
                    type: "get",
                    cache: false,
                    url:url,
                    success: function (data) {
                        oTable.draw();
                    },
                    error: function (data) { }
                });
            }
        }
        var oTable = jQuery('#gate_passes_list').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading Gate Passes...",
                "sZeroRecords": "No Gate Passes to Display.",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: '{!! route('gate-passes.list') !!}',
                data: function (d) {
                },
                error: function (xhr, textStatus, error) {
                    if (textStatus === 'timeout') {
                        alert('Timeout error. The server took too long to send back the data.\nPlease try again.');
                    }
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "columns": [
                { data: 'id'},
                { data: 'date'},
                { data: 'vehicle'},
                { data: 'status'},
                {data: 'action'}
            ],
            "fnDrawCallback": function () {
                jQuery('.delete').click(function () {
                    var conf = confirm('Are you sure?');
                    if (conf)
                        var tr_p = jQuery(this).parents('tr');
                    var pass_id = tr_p.find('.pass_id').val();
                    var url = "{{route('gate-passes.delete',[':id'])}}";
                    url = url.replace(":id",pass_id);
                    jQuery.ajax({
                        type: "get",
                        cache: false,
                        url: url,
                        data: {
                            pass_id: pass_id
                        },
                        success: function (data) {
                            oTable.draw();
                        },
                        error: function (data) { }
                    });
                    return false;
                });
            },
            "fnRowCallback" : function(nRow, aData, iDisplayIndex){
                var oSettings = this.fnSettings();
                jQuery("td:first", nRow).html(oSettings._iDisplayStart+iDisplayIndex +1);
                return nRow;
                }
        });
    </script>

@stop