@extends('layouts.master')
@section('heading')
<button type="button" class="btn pull-right btn-success" style="margin-right:600px" onclick="location.href='{{ url('/managers/create') }}'">Add New Project Manager</button>
    <h1>{{__('All Project Managers')}}</h1>
     
@stop

@section('content')
<div class="table-responsive">
    <table class="table table-hover dataTable" id="managers-table">
        <thead>
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Email</th>
            <th>Phone Number</th>
            <th>Action</th>
            
        </tr>
        </thead>
    </table>

</div>

@stop

@push('scripts')
<script>
    $(function () {
        $('#managers-table').DataTable({
            processing: true,
           
            ajax: '{!! route('managers.data') !!}',
            columns: [

                {data: 'mgfirst_name', name: 'mgfirst_name'},
                {data: 'mglast_name', name: 'mglast_name'},
                {data: 'mgemail', name: 'mgemail'},
                {data: 'mgphone_number', name: 'mgphone_number'},
                {data: 'action', name: 'action'},
                
            ],
        });
    });
</script>
@endpush