@extends('admin.layout.default-admin')
@section('content')
    <div class="col-sm-12 text-left">
        <h1>Employee Listing</h1>
        <div class="row">
            <div class="col-md-8"></div>
            <div class="col-md-4">
                <a href="{!! route('employee-create') !!}" class="btn btn-success btn-xs pull-right">Create New Employee</a>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">&nbsp;</div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <table id="employee-listing" class="table table-striped table-hover table-bordered">
                    <thead>
                    <tr>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Company</th>
                        <th>Status</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>

@stop
@section('scripts')
    <script>
        $(function() {
            $('#employee-listing').DataTable({
                processing: true,
                serverSide: true,
                ajax: '{!! route('employee-listings') !!}',
                columns: [
                    { data: 'name', name: 'name' },
                    { data: 'email', name: 'email' },
                    { data: 'company', name: 'company' },
                    { data: 'status', name: 'status' },
                    { data: 'actions', name: 'actions', orderable: false, searchable: false }
                ]
            });
        });

    </script>
@stop