@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">
                        <li class="right btn-group">
                            <button class="btn" style="margin-right: 2px" onclick="create('{!! route('employees.contacts-create',array('id' => $employee->id)) !!}')"><span
                                        class="iconsweets-create"></span>New Contact
                            </button>
                        </li>

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

                <table class="table table-bordered table-condensed logistics_table"
                       id="employee_contacts_list">
                    <thead>
                    <tr>
                        <th style="width: 03%">#</th>
                        <th style="width: 10%">Contact Types</th>
                        <th style="width: 83%">Contacts</th>
                        <th style="width: 04%"></th>
                    </tr>
                    </thead>
                </table>


            </div><!--tab-pane-->
        </div>
    </div>
<script>
    var oTable = jQuery('#employee_contacts_list').DataTable({
    "oLanguage": {
    "sLoadingRecords": "Please wait - loading Employee Contacts...",
    "sZeroRecords": "No Employee Contact Record to Display.",
    "sInfoEmpty": "No entries to display."
    },
    ajax: {
    url: '{{route('employees.contacts-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: 'type'},
    {"class": "link", data: 'contact'},
    {"class": "link", data: 'action'}
    ],
    "fnDrawCallback": function () {
    },
    "bStateSave": true,
    });
</script>
@stop