@extends('layouts.default')

    @section('content')


    <div class="container-fluid">
        

        <div class="row g-3 mb-4"></div>

        <div class="row">
            <div class="col-xl-12">
                <div class="card">
                    <div class="card">
    <div class="card-header bg-white border-bottom">
        <h4 class="card-title mb-0">User Management</h4>
        <button type="button" class="btn btn-info"><span class="btn-icon-start text-info"><i class="fa fa-plus color-info"></i></span>New Customer</button>
    </div>
    <div class="card-body p-0">
                    <div class="card-body p-0">
                        <div class="table-responsive">
                            <table id="example5" class="table table-striped patient-list mb-4 dataTablesCard fs-14">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>Role</th>
                                        <th>Site Access</th>
                                        <th>Last Login</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>Hassan bin Osman</td>
                                        <td>guard@emerald.my</td>
                                        <td><span class="badge badge-rounded light badge-info">SECURITY GUARD</span>
                                        <td>Emerald Residence</td>
                                        <td>03 Sep, 07:02</td>
                                        <td><span class="badge badge-rounded light badge-primary">ACTIVE</span></td>
                                    </tr>

                                    <tr>
                                        <td>Razif bin Mansor</td>
                                        <td>supervisor@emerald.my</td>
                                        <td><span class="badge badge-rounded light badge-info">SITE SUPERVISOR</span>
                                        <td>Emerald Residence</td>
                                        <td>03 Sep, 07:00</td>
                                        <td><span class="badge badge-rounded light badge-primary">ACTIVE</span></td>
                                    </tr>

                                    
                                    <tr>
                                        <td>Sarah Lim Wei Ling</td>
                                        <td>resident@emerald.my</td>
                                        <td><span class="badge badge-rounded light badge-info">RESIDENT</span>
                                        <td>Emerald Residence</td>
                                        <td>02 Sep, 11:30</td>
                                        <td><span class="badge badge-rounded light badge-primary">ACTIVE</span></td>
                                    </tr>

                                    <tr>
                                        <td>Admin User</td>
                                        <td>admin@1security.my</td>
                                        <td><span class="badge badge-rounded light badge-info">SPV ADMINISTRATORS</span>
                                        <td>All Sites</td>
                                        <td>03 Sep, 09:45</td>
                                        <td><span class="badge badge-rounded light badge-primary">ACTIVE</span></td>
                                    </tr>

                                    <tr>
                                        <td>Hassan bin Osman</td>
                                        <td>guard@emerald.my</td>
                                        <td><span class="badge badge-rounded light badge-info">FINANCE TEAM</span>
                                        <td>All Sites</td>
                                        <td>03 Sep, 09:30</td>
                                        <td><span class="badge badge-rounded light badge-primary">ACTIVE</span></td>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>

    @endsection
    @push('scripts')
        <script>
            (function($) {

                var table = $('#example5').DataTable({
                    searching: false,
                    paging:true,
                    select: false,
                    //info: false,
                    lengthChange:false

                });
                $('#example tbody').on('click', 'tr', function () {
                    var data = table.row( this ).data();

                });

            })(jQuery);
        </script>
    @endpush