@extends('layouts.main_without_top_button', ['title' => 'Consignment Possessors | LOGISTICS'])
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a >Operations</a> <span class="divider">/</span></li>
        <li><a >Settings</a> <span class="divider">/</span></li>
        <li class="active">Consignment Possessors</li>
        </li>
    </ul>
@stop
@section('title')
    Consignment Possessors
@endsection

{{--@section('msghead_menu')--}}
    {{--<li class="right btn-group">--}}
        {{--<div class="btn-group">--}}
            {{--<button class="btn dropdown-toggle" data-toggle="dropdown">--}}
                {{--<i class="icon-th"></i> &nbsp;OPTIONS <span class="caret"></span>--}}
            {{--</button>--}}
            {{--<ul class="dropdown-menu">--}}
                {{--<li><a onclick="create('{{ route('consignment-possessors.create') }}')"><i class="icon-plus"></i> &nbsp;Create Consignment Possessor</a></li>--}}
            {{--</ul>--}}
        {{--</div><!--btn-group-->--}}
    {{--</li>--}}
{{--@endsection--}}
@section('contentinner')


    <div class="tabbable" onload="loadScript()">
        @include('operations.settings.routes.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">
                        <div class="msghead" style="margin-bottom: 4px;margin-top: -20px;">
                            <ul class="msghead_menu">
                                <li class="right btn-group">
                                    <a class="btn" onclick="create('{{ route('consignment-possessors.create') }}')">CREATE NEW</a>
                                </li>
                            </ul>
                            <span class="clearall"></span>
                        </div><!--msghead-->

                        <table class="table table-bordered table-condensed" id="main_table">
                            <thead>
                            <tr>
                                <th width='5px'><input type="checkbox" class="checkall"/></th>
                                <th>Name</th>
                                <th width='5px'>Action</th>
                            </tr>
                            </thead>
                        </table>
                    </div><!--span6-->
                </div><!--row-fluid-->
            </div><!--tab-pane-->
        </div>
    </div>

    <script>
        var mainDataTable = jQuery('#main_table').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading orders...",
                "sZeroRecords": "No Driver available.",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: "{{ route('consignment-possessors.indexData') }}",
                method: 'POST',
                data: function (d) {},
                error: function (xhr, textStatus, error) {
                    onAjaxError(xhr, textStatus, error);
                }
            },
            "order": [[ 1, "desc" ]],
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "columns": [
                {data: 'checkbox'},
                {"class": "link", data: 'name'},
                {data: 'action'}
            ],
            "fnDrawCallback": function () {
            },
            "bStateSave": true
        });

        function editFn(id) {
            var url = '{{ route("consignment-possessors.edit", ":id") }}' . replace(':id', id);
            edit(url);
        }

        function destroyFn(id) {
            var url = '{{ route("consignment-possessors.destroy", ":id") }}' . replace(':id', id);
            destroy(url);
        }

    </script>
@stop