@push('styles_top')
    {{-- <link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/dataTables.bootstrap5.min.css"> --}}
@endpush

<table id="usersTable" class="table table-hover table-row-dashed align-middle gs-0 gy-3 my-0">
    <thead>
        <tr class="">
            <th class="text-center fw-bold ">Name</th>
            <th class="text-center fw-bold ">Email</th>
            <th class="text-center fw-bold ">Phone</th>
            <th class="text-center fw-bold ">Branch</th>
            <th class="text-center fw-bold ">Status</th>
            <th class=""></th>
        </tr>
    </thead>
    <tbody>
        @foreach ($users as $user)
            <tr>
                <td class="text-center text-gray-800 px-2 rounded-start">
                    {{-- <div class="symbol symbol-40px me-3 pe-2">
                            <img src="{{ $user->getAvatar() }}" class="img-cover rounded-circle" alt="">
                        </div> --}}
                    <span class="d-block fw-bold text-gray-800">{{ $user->full_name }}</span>
                    {{-- <span
                                class="text-muted">{{ $user->status == 'active' ? trans('public.active') : trans('public.inactive') }}</span> --}}
                </td>
                <td class="text-center text-gray-800">
                    <span class="">{{ $user->email }}</span>
                </td>
                <td class="text-center text-gray-800">{{ $user->mobile }}</td>
                <td class="text-center text-gray-800">
                    @php
                        if (!empty($user->organ_id)) {
                            $userOrganisation = App\Models\Organisation::find($user->organ_id);
                        }
                        if (!empty($userOrganisation)) {
                            echo $userOrganisation->organ_name;
                        } else {
                            echo '-';
                        }
                    @endphp
                </td>
                <td class="text-center text-gray-800">
                    <span class="badge badge-success badge-light">Active</span>
                </td>
                <td class="text-center px-2 rounded">
                    <div class="dropdown">
                        <button class="btn btn-sm btn-light dropdown-toggle" type="button" id="actionsDropdown"
                            data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="ki-outline ki-setting-2"></i>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="actionsDropdown">

                            <li><a class="dropdown-item"
                                    href="/panel/manage/students/{{ $user->id }}/edit">{{ trans('public.edit') }}</a>
                            </li>
                            <li><a class="dropdown-item text-danger delete-action"
                                    href="/panel/manage/students/{{ $user->id }}/delete">{{ trans('public.delete') }}</a>
                            </li>
                        </ul>
                    </div>
                </td>

            </tr>
        @endforeach
        
        @foreach ($pendingUsers as $user)
            <tr>
                <td class="text-center text-gray-800 px-2 rounded-start">
                    <span class="text-muted">Pending</span>
                </td>
                <td class="text-center text-gray-800">
                    <span class="">{{ $user->email }}</span>
                </td>
                <td class="text-center text-gray-800"><span class="text-muted">Pending</span></td>
                <td class="text-center text-gray-800">
                    @php
                        if (!empty($user->organ_id)) {
                            $userOrganisation = App\Models\Organisation::find($user->organ_id);
                        }
                        if (!empty($userOrganisation)) {
                            echo $userOrganisation->organ_name;
                        } else {
                            echo '-';
                        }
                    @endphp
                </td>
                <td class="text-center text-gray-800">
                    <span class="badge badge-warning badge-light">Pending</span>
                </td>
                <td class="text-center px-2 rounded">
                    <div class="dropdown">
                        <button class="btn btn-sm btn-light dropdown-toggle" type="button" id="actionsDropdown"
                            data-bs-toggle="dropdown" aria-expanded="false">
                            <i class="ki-outline ki-setting-2"></i>
                        </button>
                        <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="actionsDropdown">

                            <li><a class="dropdown-item"
                                    href="#">Re-Send Invitation</a>
                            </li>
                            <li><a class="dropdown-item text-danger delete-action"
                                    href="#">{{ trans('public.delete') }}</a>
                            </li>
                        </ul>
                    </div>
                </td>

            </tr>
        @endforeach
    </tbody>
</table>
@push('scripts_bottom')
@endpush