@extends('layouts.main_without_top_button')
@section('navigation')
    <ul class="breadcrumb">
        <li><a href="{{route('home')}}">Dashboard</a> <span class="divider">/</span></li>
        <li><a href="">Human Resources</a> <span class="divider">/</span></li>
        <li><a href="{{route('employees.employees-index')}}">Employees</a> <span class="divider">/</span></li>
    </ul>
@stop
@section('contentinner')

    <div class="tabbable">
        @include('human_resources.employees.profile.includes.profile_tab')
        <div class="tab-content">
            <div id="glyphs" class="tab-pane active">
                <div class="msghead" style="margin-bottom: 4px;margin-top: -20px;">
                    <ul class="msghead_menu">
                        @if($account < 2)
                        <li class="right btn-group">
                            <button class="btn" style="margin-right: 2px" onclick="create('{!! route('employees.account-create',array('id' => $employee->id)) !!}')"><span
                                        class="iconsweets-create"></span>New Account
                            </button>
                        </li>
                       @endif
                    </ul>
                    <span class="clearall"></span>
                </div><!--msghead-->
            </div>

            <table class="table table-bordered table-condensed logistics_table"
                   id="employee_accounts">
                <thead>
                <tr>
                    <th style="width: 03%">#</th>
                    <th style="width: 30%">Account Name</th>
                    <th style="width: 30%">Account Group</th>
                    <th style="width: 20%">Sub Group</th>
                    <th style="width: 05%"></th>
                </tr>
                </thead>
            </table>
        </div><!--tab-pane-->
    </div>
    </div>
    <script>
        var oTable = jQuery('#employee_accounts').DataTable({
            "oLanguage": {
                "sLoadingRecords": "Please wait - loading Employee Contacts...",
                "sZeroRecords": "No Employee Account Record to Display.",
                "sInfoEmpty": "No entries to display."
            },
            ajax: {
                url: '{{route('employees.account-datatable',array('id'=>$employee->id))}}',
                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.');
                    }
                    oTable.fnProcessingIndicator(false);
                }
            },
            scrollCollapse: true,
            "sPaginationType": "full_numbers",
            processing: true,
            serverSide: true,
            "columns": [
                {"class": "link", data: 'id'},
                {"class": "link", data: 'name'},
                {"class": "link", data: 'group'},
                {"class": "link", data: 'sub_group'},
                // {"class": "link", data: 'nature'},
                {"class": "link", data: 'action'}
            ],
            "fnDrawCallback": function () {
            },
            "bStateSave": true,
        });
    </script>
@stop