@canany(['hr_manager_hq', 'recycle_bin'])
    <div>
        <div class="row mb-4">
            <div class="col-md-6">
                <div class="card shadow-sm">
                    <div class="card-body">
                        @php
                            $employeeCount = App\Models\Profile::onlyTrashed()->count();
                            $roleCount = App\Models\Role::onlyTrashed()->count();
                            $companyCount = App\Models\Company::onlyTrashed()->count();
                            $departmentCount = App\Models\Department::onlyTrashed()->count();
                            $teamCount = App\Models\Team::onlyTrashed()->count();
                            $divisionCount = App\Models\Division::onlyTrashed()->count();
                            $locationCount = App\Models\Location::onlyTrashed()->count();
                            $sicknessCount = App\Models\Sickness::onlyTrashed()->count();
                            $documentCount = App\Models\Documents::onlyTrashed()->count();
                            $public_holidaysCount = App\Models\PublicHolidays::onlyTrashed()->count();
                            $leavetypeCount = App\Models\LeaveType::onlyTrashed()->count();
                        @endphp
                        <label for="section" class="h6 text-muted mb-3">
                            <i class="fas fa-filter"></i> Select Section to View
                        </label>
                        <select class="form-control form-control-md" wire:model.live="selectSection">
                            <option value="" {{ $selectSection == '' ? 'selected' : '' }}>
                                -- Please Select a Section --
                            </option>
                            <option value="Employees" {{ $selectSection == 'Employees' ? 'selected' : '' }}>
                                Employees ({{ $employeeCount }})
                            </option>
                            <option value="Role" {{ $selectSection == 'Role' ? 'selected' : '' }}>
                                Roles ({{ $roleCount }})
                            </option>
                            <option value="Company" {{ $selectSection == 'Company' ? 'selected' : '' }}>
                                Companies ({{ $companyCount }})
                            </option>
                            <option value="Department" {{ $selectSection == '' ? 'selected' : '' }}>
                                Departments ({{ $departmentCount }})
                            </option>
                            <option value="Team" {{ $selectSection == 'Team' ? 'selected' : '' }}>
                                Teams ({{ $teamCount }})
                            </option>
                            <option value="Division" {{ $selectSection == 'Division' ? 'selected' : '' }}>
                                Divisions ({{ $divisionCount }})
                            </option>
                            <option value="Location" {{ $selectSection == 'Location' ? 'selected' : '' }}>
                                Locations ({{ $locationCount }})
                            </option>
                            <option value="Sickness" {{ $selectSection == 'Sickness' ? 'selected' : '' }}>
                                Sickness ({{ $sicknessCount }})
                            </option>
                            <option value="Document" {{ $selectSection == 'Document' ? 'selected' : '' }}>
                                Documents ({{ $documentCount }})
                            </option>
                            <option value="public_holidays" {{ $selectSection == 'public_holidays' ? 'selected' : '' }}>
                                Public Holidays ({{ $public_holidaysCount }})
                            </option>
                            <option value="leave_type" {{ $selectSection == 'leave_type' ? 'selected' : '' }}>
                                Leave Types ({{ $leavetypeCount }})
                            </option>
                        </select>
                        {{-- Session: {{ session('recyclestore')}} timer: {{ session('recyclestore_expiration') }} --}}
                    </div>
                </div>
            </div>
        </div>

        @if ($selectSection === 'Employees')
            <div class="card" x-data x-init="$nextTick(() => {
                if ($.fn.DataTable.isDataTable('#UserList')) {
                    $('#UserList').DataTable().destroy();
                }
                if ($('#UserList').length > 0) {
                    $('#UserList').DataTable({
                        order: [
                            [1, 'asc']
                        ],
                        pagingType: 'full_numbers'
                    });
                }
            })">
                <div class="card-header bg-light">
                    <h5 class="card-title">Recycle Bin: Employees</h5>
                </div>
                <div class="card-body">
                    @php
                        $employees = App\Models\Profile::onlyTrashed()->get();
                    @endphp
                    @if ($employees->isEmpty())
                        <div class="row">
                            <div class="col-sm-12 h1 text-center">
                                Recycle Bin is Empty
                                <br />
                                <a href="{{ route('admin.employees.index') }}" class="btn btn-primary">Employees
                                    Management</a>
                            </div>
                        </div>
                    @else
                        <div class="table-responsive">
                            <table id="UserList" class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Employee Ref</th>
                                        <th>Names</th>
                                        <th>Role</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($employees as $employee)
                                        <tr>
                                            <td>{{ $employee->id }} </td>
                                            <td>
                                                @if ($employee && $employee->employee_ref)
                                                    {{ $employee->employee_ref }}
                                                @else
                                                    Unassigned
                                                @endif
                                            </td>
                                            <td>{{ $employee->name }}</td>
                                            <td>
                                                @php
                                                    // Split the comma-separated role IDs into an array
                                                    $roleIds = explode(',', $employee->jobtitle);

                                                    // Retrieve the corresponding role names from the roles table
                                                    $roleNames = App\Models\Role::whereIn('id', $roleIds)->pluck(
                                                        'rolename',
                                                    );
                                                @endphp
                                                @foreach ($roleNames as $roleName)
                                                    <span class="badge badge-secondary"
                                                        style="font-size: 15px">{{ $roleName }}</span>
                                                @endforeach
                                            </td>
                                            <td>
                                                <div class="btn-group">
                                                    <a href="{{ route('admin.employees.restore', ['id' => $employee->id]) }}"
                                                        class="btn btn-sm btn-outline-success">
                                                        <i class="fas fa-trash-restore"></i> Restore
                                                    </a>
                                                    <a href="#" class="btn btn-sm btn-outline-danger"
                                                        data-toggle="modal"
                                                        data-target="#{{ $selectSection }}modal{{ $employee->id }}">
                                                        <i class="fa fa-trash"></i> Delete
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        @if (!empty($employee->id))
                                            <!-- Modal -->
                                            <div class="modal fade" id="{{ $selectSection }}modal{{ $employee->id }}"
                                                tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered">
                                                    <div class="modal-content">
                                                        <div class="modal-header bg-light">
                                                            <h5 class="modal-title" id="exampleModalLabel">Delete employee:
                                                                {{ $employee->name }}</h5>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">

                                                            Are you sure you want to Delete <b>{{ $employee->name }} </b> ?

                                                        </div>
                                                        <div class="modal-footer bg-light">
                                                            <button type="button" class="btn btn-secondary"
                                                                data-dismiss="modal">
                                                                <i class="fas fa-times mr-1"></i>
                                                                Close</button>
                                                            <a href="{{ route('admin.employees.empty', ['id' => $employee->id]) }}"
                                                                class="btn btn-danger">
                                                                <i class="fas fa-trash-alt mr-1"></i>
                                                                Delete</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                        <!-- end modal -->
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    @endif
                </div>
            </div>
        @elseif ($selectSection === 'Role')
            <div class="card" x-data x-init="$nextTick(() => {
                if ($.fn.DataTable.isDataTable('#rolesList')) {
                    $('#rolesList').DataTable().destroy();
                }
                if ($('#rolesList').length > 0) {
                    $('#rolesList').DataTable({
                        order: [
                            [1, 'asc']
                        ],
                        pagingType: 'full_numbers'
                    });
                }
            })">
                <div class="card-header bg-light">
                    <h5 class="card-title">Recycle Bin: Roles</h5>
                </div>
                <div class="card-body">
                    @php
                        $roles = App\Models\Role::onlyTrashed()
                            ->with(['user', 'linemanager', 'holidayapprover', 'TeamName'])
                            ->get();
                    @endphp
                    @if ($roles->isEmpty())
                        <div class="row">
                            <div class="col-sm-12 h1 text-center">
                                Recycle Bin is Empty
                                <br />
                                <a href="{{ route('admin.roles.index') }}" class="btn btn-primary">Roles Management</a>
                            </div>
                        </div>
                    @else
                        <div class="table-responsive">
                            <table id="rolesList" class="table table-striped table-hover">
                                <thead>
                                    <tr>
                                        <th style="width: 100px;">#</th>
                                        <th style="width: 300px;">Roles</th>
                                        <th style="width: 300px;">Team</th>
                                        <th style="width: 300px;">Line Manager</th>
                                        <th style="width: 300px;">Holiday Approver</th>
                                        <th style="width: 300px;">Actions</th>
                                    </tr>
                                </thead>
                                <tbody>

                                    @foreach ($roles as $role)
                                        <tr>
                                            <td>{{ $role->id }} </td>
                                            <td>{{ $role->rolename }}</td>
                                            <td>
                                                @php

                                                    $TeamIds = explode(',', $role->team);
                                                    $TeamNames = App\Models\Team::whereIn('id', $TeamIds)->pluck(
                                                        'team',
                                                    );

                                                @endphp
                                                @if (!empty($role->team))
                                                    @foreach ($TeamNames as $TeamName)
                                                        <span class="badge badge-secondary"
                                                            style="font-size: 15px">{{ $TeamName }}</span>
                                                    @endforeach
                                                @else
                                                    Not Assigned
                                                @endif

                                            </td>
                                            <td>{{ $role->lineManager ? $role->lineManager->name : 'Not Assigned' }}</td>
                                            <td>{{ $role->holidayApprover ? $role->holidayApprover->name : 'Not Assigned' }}
                                            </td>
                                            <td>
                                                <div class="btn-group">
                                                    <a href="{{ route('admin.roles.restore', ['id' => $role->id]) }}"
                                                        class="btn btn-sm btn-outline-success">
                                                        <i class="fas fa-trash-restore"></i> Restore
                                                    </a>
                                                    <a href="#" class="btn btn-sm btn-outline-danger"
                                                        data-toggle="modal"
                                                        data-target="#{{ $selectSection }}modal{{ $role->id }}">
                                                        <i class="fa fa-trash"></i> Delete
                                                    </a>
                                                </div>
                                            </td>
                                        </tr>
                                        @if (!empty($role->id))
                                            <!-- Modal -->
                                            <div class="modal fade" id="{{ $selectSection }}modal{{ $role->id }}"
                                                tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered">
                                                    <div class="modal-content">
                                                        <div class="modal-header bg-light">
                                                            <h5 class="modal-title" id="deleteRoleModalLabel">Delete Role:
                                                                {{ $role->rolename }}</h5>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                aria-label="Close">
                                                                <span aria-hidden="true">&times;</span>
                                                            </button>
                                                        </div>
                                                        <div class="modal-body">

                                                            Are you sure you want to delete <b>{{ $role->rolename }}</b>?

                                                        </div>
                                                        <div class="modal-footer bg-light">
                                                            <button type="button" class="btn btn-secondary"
                                                                data-dismiss="modal">
                                                                <i class="fas fa-times mr-1"></i>
                                                                Close</button>
                                                            <a href="{{ route('admin.roles.empty', ['id' => $role->id]) }}"
                                                                class="btn btn-danger">
                                                                <i class="fas fa-trash-alt mr-1"></i>
                                                                Delete</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                        <!-- end modal -->
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                </div>
            </div>
        @endif
    @elseif ($selectSection === 'Company')
        <div class="card" x-data x-init="$nextTick(() => {
            if ($.fn.DataTable.isDataTable('#CompanyList')) {
                $('#CompanyList').DataTable().destroy();
            }
            if ($('#CompanyList').length > 0) {
                $('#CompanyList').DataTable({
                    order: [
                        [1, 'asc']
                    ],
                    pagingType: 'full_numbers'
                });
            }
        })">
            <div class="card-header bg-light">
                <h5 class="card-title">Recycle Bin: Companies</h5>
            </div>
            <div class="card-body">
                @php
                    $companies = App\Models\Company::onlyTrashed()->get();
                @endphp
                @if ($companies->isEmpty())
                    <div class="row">
                        <div class="col-sm-12 h1 text-center">
                            Recycle Bin is Empty
                            <br />
                            <a href="{{ route('admin.company.index') }}" class="btn btn-primary">Company Management</a>
                        </div>
                    </div>
                @else
                    <div class="table-responsive">
                        <table id="CompanyList" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th style="width: 100px;">#</th>
                                    <th>Company</th>
                                    <th style="width: 300px;">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($companies as $company)
                                    <tr>
                                        <td>{{ $company->id }} </td>
                                        <td>{{ $company->companyname }}</td>
                                        <td>
                                            <div class="btn-group">
                                                <a href="{{ route('admin.company.restore', ['id' => $company->id]) }}"
                                                    class="btn btn-sm btn-outline-success">
                                                    <i class="fas fa-trash-restore"></i> Restore
                                                </a>
                                                <a href="#" class="btn btn-sm btn-outline-danger"
                                                    data-toggle="modal"
                                                    data-target="#{{ $selectSection }}modal{{ $company->id }}">
                                                    <i class="fa fa-trash"></i> Delete
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    @if (!empty($company->id))
                                        <!-- Modal -->
                                        <div class="modal fade" id="{{ $selectSection }}modal{{ $company->id }}"
                                            tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h5 class="modal-title" id="deleteModalLabel">Delete Company:
                                                            {{ $company->companyname }}</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">

                                                        Are you sure you want to delete <b>{{ $company->companyname }}</b>?

                                                    </div>
                                                    <div class="modal-footer bg-light">
                                                        <button type="button" class="btn btn-secondary"
                                                            data-dismiss="modal">
                                                            <i class="fas fa-times mr-1"></i>
                                                            Close</button>
                                                        <a href="{{ route('admin.company.empty', ['id' => $company->id]) }}"
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash-alt mr-1"></i>
                                                            Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!-- end modal -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
            </div>
        </div>
        @endif
    @elseif ($selectSection === 'Department')
        <div class="card" x-data x-init="$nextTick(() => {
            if ($.fn.DataTable.isDataTable('#DepartmentList')) {
                $('#DepartmentList').DataTable().destroy();
            }
            if ($('#DepartmentList').length > 0) {
                $('#DepartmentList').DataTable({
                    order: [
                        [1, 'asc']
                    ],
                    pagingType: 'full_numbers'
                });
            }
        })">
            <div class="card-header bg-light">
                <h5 class="card-title">Recycle Bin: Departments</h5>
            </div>
            <div class="card-body">
                @php
                    $departments = App\Models\Department::onlyTrashed()->get();
                @endphp
                @if ($departments->isEmpty())
                    <div class="row">
                        <div class="col-sm-12 h1 text-center">
                            Recycle Bin is Empty
                            <br />
                            <a href="{{ route('admin.departments.index') }}" class="btn btn-primary">Departments
                                Management</a>
                        </div>
                    </div>
                @else
                    <div class="table-responsive">
                        <table id="DepartmentList" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th style="width: 100px;">#</th>
                                    <th>Departments</th>
                                    <th style="width: 300px;">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($departments as $department)
                                    <tr>
                                        <td>{{ $department->id }} </td>
                                        <td>{{ $department->departmentname }}</td>
                                        <td>
                                            <div class="btn-group">
                                                <a href="{{ route('admin.departments.restore', ['id' => $department->id]) }}"
                                                    class="btn btn-sm btn-outline-success">
                                                    <i class="fas fa-trash-restore"></i> Restore
                                                </a>
                                                <a href="#" class="btn btn-sm btn-outline-danger"
                                                    data-toggle="modal"
                                                    data-target="#{{ $selectSection }}modal{{ $department->id }}">
                                                    <i class="fa fa-trash"></i> Delete
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    @if (!empty($department->id))
                                        <!-- Modal -->
                                        <div class="modal fade" id="{{ $selectSection }}modal{{ $department->id }}"
                                            tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h5 class="modal-title" id="deleteDeptModalLabel">Delete
                                                            Department:
                                                            {{ $department->departmentname }}</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">

                                                        Are you sure you want to delete
                                                        <b>{{ $department->departmentname }}</b>?

                                                    </div>
                                                    <div class="modal-footer bg-light">
                                                        <button type="button" class="btn btn-secondary"
                                                            data-dismiss="modal">
                                                            <i class="fas fa-times mr-1"></i>
                                                            Close</button>
                                                        <a href="{{ route('admin.departments.empty', ['id' => $department->id]) }}"
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash-alt mr-1"></i>
                                                            Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!-- end modal -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    @elseif ($selectSection === 'Team')
        <div class="card" x-data x-init="$nextTick(() => {
            if ($.fn.DataTable.isDataTable('#teamsList')) {
                $('#teamsList').DataTable().destroy();
            }
            if ($('#teamsList').length > 0) {
                $('#teamsList').DataTable({
                    order: [
                        [1, 'asc']
                    ],
                    pagingType: 'full_numbers'
                });
            }
        })">
            <div class="card-header bg-light">
                <h5 class="card-title">Recycle Bin: Teams</h5>
            </div>
            <div class="card-body">

                @php
                    $teams = App\Models\Team::onlyTrashed()->get();
                @endphp
                @if ($teams->isEmpty())
                    <div class="row">
                        <div class="col-sm-12 h1 text-center">
                            Recycle Bin is Empty
                            <br />
                            <a href="{{ route('admin.teams.index') }}" class="btn btn-primary">Teams Management</a>
                        </div>
                    </div>
                @else
                    <div class="table-responsive">
                        <table id="teamsList" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th style="width: 100px;">#</th>
                                    <th>Team</th>
                                    <th style="width: 300px;">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($teams as $team)
                                    <tr>
                                        <td>{{ $team->id }} </td>
                                        <td>{{ $team->team }}</td>
                                        <td>
                                            <div class="btn-group">
                                                <a href="{{ route('admin.teams.restore', ['id' => $team->id]) }}"
                                                    class="btn btn-sm btn-outline-success">
                                                    <i class="fas fa-trash-restore"></i> Restore
                                                </a>
                                                <a href="#" class="btn btn-sm btn-outline-danger"
                                                    data-toggle="modal"
                                                    data-target="#{{ $selectSection }}modal{{ $team->id }}">
                                                    <i class="fa fa-trash"></i> Delete
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    @if (!empty($team->id))
                                        <!-- Modal -->
                                        <div class="modal fade" id="{{ $selectSection }}modal{{ $team->id }}"
                                            tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h5 class="modal-title" id="deleteTeamModalLabel">Delete Team:
                                                            {{ $team->team }}</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">

                                                        Are you sure you want to delete <b>{{ $team->team }}</b>?

                                                    </div>
                                                    <div class="modal-footer bg-light">
                                                        <button type="button" class="btn btn-secondary"
                                                            data-dismiss="modal">
                                                            <i class="fas fa-times mr-1"></i>
                                                            Close</button>
                                                        <a href="{{ route('admin.teams.empty', ['id' => $team->id]) }}"
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash-alt mr-1"></i>
                                                            Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!-- end modal -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    @elseif ($selectSection === 'Division')
        <div class="card" x-data x-init="$nextTick(() => {
            if ($.fn.DataTable.isDataTable('#DivisionList')) {
                $('#DivisionList').DataTable().destroy();
            }
            if ($('#DivisionList').length > 0) {
                $('#DivisionList').DataTable({
                    order: [
                        [1, 'asc']
                    ],
                    pagingType: 'full_numbers'
                });
            }
        })">
            <div class="card-header bg-light">
                <h5 class="card-title">Viewing Recycle Bin: Division</h5>
            </div>
            <div class="card-body">

                @php
                    $divisions = App\Models\Division::onlyTrashed()->get();
                @endphp
                @if ($divisions->isEmpty())
                    <div class="row">
                        <div class="col-sm-12 h1 text-center">
                            Recycle Bin is Empty
                            <br />
                            <a href="{{ route('admin.divisions.index') }}" class="btn btn-primary">Divisions
                                Management</a>
                        </div>
                    </div>
                @else
                    <div class="table-responsive">
                        <table id="DivisionList" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th style="width: 100px;">#</th>
                                    <th>Division</th>
                                    <th style="width: 300px;">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($divisions as $division)
                                    <tr>
                                        <td>{{ $division->id }} </td>
                                        <td>{{ $division->divisionname }}</td>
                                        <td>
                                            <div class="btn-group">
                                                <a href="{{ route('admin.divisions.restore', ['id' => $division->id]) }}"
                                                    class="btn btn-sm btn-outline-success">
                                                    <i class="fas fa-trash-restore"></i> Restore
                                                </a>
                                                <a href="#" class="btn btn-sm btn-outline-danger"
                                                    data-toggle="modal"
                                                    data-target="#{{ $selectSection }}modal{{ $division->id }}">
                                                    <i class="fa fa-trash"></i> Delete
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    @if (!empty($division->id))
                                        <!-- Modal -->
                                        <div class="modal fade" id="{{ $selectSection }}modal{{ $division->id }}"
                                            tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h5 class="modal-title" id="deleteDivisionModalLabel">Delete
                                                            Division:
                                                            {{ $division->divisionname }}</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">

                                                        Are you sure you want to delete
                                                        <b>{{ $division->divisionname }}</b>?

                                                    </div>
                                                    <div class="modal-footer bg-light">
                                                        <button type="button" class="btn btn-secondary"
                                                            data-dismiss="modal">
                                                            <i class="fas fa-times mr-1"></i>
                                                            Close</button>
                                                        <a href="{{ route('admin.divisions.empty', ['id' => $division->id]) }}"
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash-alt mr-1"></i>
                                                            Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!-- end modal -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    @elseif ($selectSection === 'Location')
        <div class="card" x-data x-init="$nextTick(() => {
            if ($.fn.DataTable.isDataTable('#locationsList')) {
                $('#locationsList').DataTable().destroy();
            }
            if ($('#locationsList').length > 0) {
                $('#locationsList').DataTable({
                    order: [
                        [1, 'asc']
                    ],
                    pagingType: 'full_numbers'
                });
            }
        })">
            <div class="card-header bg-light">
                <h5 class="card-title">Viewing Recycle Bin: Location</h5>
            </div>
            <div class="card-body">

                @php
                    $locations = App\Models\Location::onlyTrashed()->get();
                @endphp
                @if ($locations->isEmpty())
                    <div class="row">
                        <div class="col-sm-12 h1 text-center">
                            Recycle Bin is Empty
                            <br />
                            <a href="{{ route('admin.locations.index') }}" class="btn btn-primary">Locations
                                Management</a>
                        </div>
                    </div>
                @else
                    <div class="table-responsive">
                        <table id="locationsList" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th style="width: 100px;">#</th>
                                    <th>Locations</th>
                                    <th>Country Code</th>
                                    <th style="width: 300px;">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($locations as $location)
                                    <tr>
                                        <td>{{ $location->id }} </td>
                                        <td>{{ $location->locationname }}</td>
                                        <td>{{ $location->countrycode }}</td>
                                        <td>
                                            <div class="btn-group">
                                                <a href="{{ route('admin.locations.restore', ['id' => $location->id]) }}"
                                                    class="btn btn-sm btn-outline-success">
                                                    <i class="fas fa-trash-restore"></i> Restore
                                                </a>
                                                <a href="#" class="btn btn-sm btn-outline-danger"
                                                    data-toggle="modal"
                                                    data-target="#{{ $selectSection }}modal{{ $location->id }}">
                                                    <i class="fa fa-trash"></i> Delete
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    @if (!empty($location->id))
                                        <!-- Modal -->
                                        <div class="modal fade" id="{{ $selectSection }}modal{{ $location->id }}"
                                            tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h5 class="modal-title" id="deleteLocationModalLabel">Delete
                                                            Location:
                                                            {{ $location->locationname }}</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">

                                                        Are you sure you want to delete
                                                        <b>{{ $location->locationname }}</b>?

                                                    </div>
                                                    <div class="modal-footer bg-light">
                                                        <button type="button" class="btn btn-secondary"
                                                            data-dismiss="modal">
                                                            <i class="fas fa-times mr-1"></i>
                                                            Close</button>
                                                        <a href="{{ route('admin.locations.empty', ['id' => $location->id]) }}"
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash-alt mr-1"></i>
                                                            Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!-- end modal -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    @elseif ($selectSection === 'Sickness')
        <div class="card" x-data x-init="$nextTick(() => {
            if ($.fn.DataTable.isDataTable('#sicknesslist')) {
                $('#sicknesslist').DataTable().destroy();
            }
            if ($('#sicknesslist').length > 0) {
                $('#sicknesslist').DataTable({
                    order: [
                        [1, 'asc']
                    ],
                    pagingType: 'full_numbers'
                });
            }
        })">
            <div class="card-header bg-light">
                <h5 class="card-title">Viewing Recycle Bin: Sickness</h5>
            </div>
            <div class="card-body">

                @php
                    $sickness = App\Models\Sickness::onlyTrashed()->get();
                @endphp
                @if ($sickness->isEmpty())
                    <div class="row">
                        <div class="col-sm-12 h1 text-center">
                            Recycle Bin is Empty
                            <br />
                            <a href="{{ route('admin.sickness.index') }}" class="btn btn-primary">Sickness
                                Management</a>
                        </div>
                    </div>
                @else
                    <div class="table-responsive">
                        <table id="sicknesslist" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Employee Ref</th>
                                    <th>Name</th>
                                    <th style="width: 300px;">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($sickness as $semployee)
                                    <tr>
                                        <td>{{ $semployee->id }} </td>
                                        <td>
                                            @if (!empty($semployee->employeeref))
                                                {{ $semployee->employeeref }}
                                            @else
                                                Unassigned
                                            @endif
                                        </td>
                                        <td>{{ $semployee->getUser->name }}</td>
                                        <td>
                                            <div class="btn-group">
                                                <a href="{{ route('admin.sickness.restore', ['id' => $semployee->id]) }}"
                                                    class="btn btn-sm btn-outline-success">
                                                    <i class="fas fa-trash-restore"></i> Restore
                                                </a>
                                                <a href="#" class="btn btn-sm btn-outline-danger"
                                                    data-toggle="modal"
                                                    data-target="#{{ $selectSection }}modal{{ $semployee->id }}">
                                                    <i class="fa fa-trash"></i> Delete
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    @if (!empty($semployee->id))
                                        <!-- Modal -->
                                        <div class="modal fade" id="{{ $selectSection }}modal{{ $semployee->id }}"
                                            tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h5 class="modal-title" id="deleteSicknessModalLabel">Delete
                                                            Sickness:
                                                            {{ $semployee->getUser->name }}</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">

                                                        Are you sure you want to delete
                                                        <b>{{ $semployee->getUser->name }}</b>?

                                                    </div>
                                                    <div class="modal-footer bg-light">
                                                        <button type="button" class="btn btn-secondary"
                                                            data-dismiss="modal">
                                                            <i class="fas fa-times mr-1"></i>
                                                            Close</button>
                                                        <a href="{{ route('admin.sickness.empty', ['id' => $semployee->id]) }}"
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash-alt mr-1"></i>
                                                            Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!-- end modal -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    @elseif ($selectSection === 'Document')
        <div class="card" x-data x-init="$nextTick(() => {
            if ($.fn.DataTable.isDataTable('#doclist')) {
                $('#doclist').DataTable().destroy();
            }
            if ($('#doclist').length > 0) {
                $('#doclist').DataTable({
                    order: [
                        [1, 'asc']
                    ],
                    pagingType: 'full_numbers'
                });
            }
        })">
            <div class="card-header bg-light">
                <h5 class="card-title">Viewing Recycle Bin: Document</h5>
            </div>
            <div class="card-body">
                @php
                    $documents = App\Models\Documents::onlyTrashed()->get();
                @endphp
                @if ($documents->isEmpty())
                    <div class="row">
                        <div class="col-sm-12 h1 text-center">
                            Recycle Bin is Empty
                            <br />
                            <a href="{{ route('admin.documents.index') }}" class="btn btn-primary">Documents
                                Management</a>
                        </div>
                    </div>
                @else
                    <div class="table-responsive">
                        <table id="doclist" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Document Name</th>
                                    <th>Description</th>
                                    <th>Section</th>
                                    <th>File Path</th>
                                    <th>Added by</th>
                                    <th>Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($documents as $docs)
                                    <tr>
                                        <td>{{ $docs->id }} </td>
                                        <td>{{ $docs->docname }}</td>
                                        <td>{{ $docs->description }}</td>
                                        <td>
                                            {{ $docs->section }}
                                        </td>
                                        <td>
                                            @php
                                                $link = Storage::disk('documents')->url(
                                                    'app/documents/' . $docs->filepath,
                                                );
                                            @endphp
                                            {{ $docs->filepath }}
                                        </td>
                                        <td>{{ $docs->addedbyempoyee->name }}</td>
                                        <td>
                                            <div class="btn-group">
                                                <a href="{{ route('admin.documents.restore', ['id' => $docs->id]) }}"
                                                    class="btn btn-sm btn-outline-success">
                                                    <i class="fas fa-trash-restore"></i> Restore
                                                </a>
                                                <a href="#" class="btn btn-sm btn-outline-danger"
                                                    data-toggle="modal"
                                                    data-target="#{{ $selectSection }}modal{{ $docs->id }}">
                                                    <i class="fa fa-trash"></i> Delete
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    @if (!empty($docs->id))
                                        <!-- Modal -->
                                        <div class="modal fade" id="{{ $selectSection }}modal{{ $docs->id }}"
                                            tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h5 class="modal-title" id="DeleteDocsModalLabel">Delete Document:
                                                            {{ $docs->docname }}</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">

                                                        Are you sure you want to delete <b>{{ $docs->docname }}</b>?

                                                    </div>
                                                    <div class="modal-footer bg-light">
                                                        <button type="button" class="btn btn-secondary"
                                                            data-dismiss="modal">
                                                            <i class="fas fa-times mr-1"></i>
                                                            Close</button>
                                                        <a href="{{ route('admin.documents.empty', ['id' => $docs->id]) }}"
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash-alt mr-1"></i>
                                                            Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!-- end modal -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    @elseif ($selectSection === 'public_holidays')
        <div class="card" x-data x-init="$nextTick(() => {
            if ($.fn.DataTable.isDataTable('#phollist')) {
                $('#phollist').DataTable().destroy();
            }
            if ($('#phollist').length > 0) {
                $('#phollist').DataTable({
                    order: [
                        [1, 'asc']
                    ],
                    pagingType: 'full_numbers'
                });
            }
        })">
            <div class="card-header bg-light">
                <h5 class="card-title">Recycle Bin: Public Holidays</h5>
            </div>
            <div class="card-body">
                @php
                    $pub_holiday = App\Models\PublicHolidays::onlyTrashed()->get();
                @endphp
                @if ($pub_holiday->isEmpty())
                    <div class="row">
                        <div class="col-sm-12 h1 text-center">
                            Recycle Bin is Empty
                            <br />
                            <a href="{{ route('admin.public_holidays.index') }}" class="btn btn-primary">Public Holidays
                                Management</a>
                        </div>
                    </div>
                @else
                    <div class="table-responsive">
                        <table id="phollist" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Description</th>
                                    <th>Date</th>
                                    <th>Country</th>
                                    <th style="width: 300px;">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($pub_holiday as $hol)
                                    <tr>
                                        <td>{{ $hol->id }} </td>
                                        <td>
                                            {{ $hol->description }}
                                        </td>
                                        <td>
                                            {{ $hol->date }}
                                        </td>
                                        <td>
                                            {{ $hol->country }}
                                        </td>
                                        <td>
                                            <div class="btn-group">
                                                <a href="{{ route('admin.public_holidays.restore', ['id' => $hol->id]) }}"
                                                    class="btn btn-sm btn-outline-success">
                                                    <i class="fas fa-trash-restore"></i> Restore
                                                </a>
                                                <a href="#" class="btn btn-sm btn-outline-danger"
                                                    data-toggle="modal"
                                                    data-target="#{{ $selectSection }}modal{{ $hol->id }}">
                                                    <i class="fa fa-trash"></i> Delete
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    @if (!empty($hol->id))
                                        <!-- Modal -->
                                        <div class="modal fade" id="{{ $selectSection }}modal{{ $hol->id }}"
                                            tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h5 class="modal-title" id="deleteHolidayModalLabel">Delete Public
                                                            Holiday:
                                                            {{ $hol->description }} - {{ $hol->date }}</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">

                                                        Are you sure you want to delete <b>{{ $hol->description }} -
                                                            {{ $hol->date }}</b>?

                                                    </div>
                                                    <div class="modal-footer bg-light">
                                                        <button type="button" class="btn btn-secondary"
                                                            data-dismiss="modal">
                                                            <i class="fas fa-times mr-1"></i>
                                                            Close</button>
                                                        <a href="{{ route('admin.public_holidays.empty', ['id' => $hol->id]) }}"
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash-alt mr-1"></i>
                                                            Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!-- end modal -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>
    @elseif ($selectSection === 'leave_type')
        <div class="card" x-data x-init="$nextTick(() => {
            if ($.fn.DataTable.isDataTable('#typelist')) {
                $('#typelist').DataTable().destroy();
            }
            if ($('#typelist').length > 0) {
                $('#typelist').DataTable({
                    order: [
                        [1, 'asc']
                    ],
                    pagingType: 'full_numbers'
                });
            }
        })">
            <div class="card-header bg-light">
                <h5 class="card-title">Recycle Bin: Leave Type</h5>
            </div>
            <div class="card-body">

                @php
                    $leavetype = App\Models\LeaveType::onlyTrashed()->get();
                @endphp
                @if ($leavetype->isEmpty())
                    <div class="row">
                        <div class="col-sm-12 h1 text-center">
                            Recycle Bin is Empty
                            <br />
                            <a href="{{ route('admin.leave_type.index') }}" class="btn btn-primary">Leave Type</a>
                        </div>
                    </div>
                @else
                    <div class="table-responsive">
                        <table id="typelist" class="table table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Leave Type</th>
                                    <th style="width: 300px;">Actions</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($leavetype as $type)
                                    <tr>
                                        <td>{{ $type->id }} </td>
                                        <td>
                                            {{ $type->leave_type }}
                                        </td>
                                        <td>
                                            <div class="btn-group">
                                                <a href="{{ route('admin.leave_type.restore', ['id' => $type->id]) }}"
                                                    class="btn btn-sm btn-outline-success">
                                                    <i class="fas fa-trash-restore"></i> Restore
                                                </a>
                                                <a href="#" class="btn btn-sm btn-outline-danger"
                                                    data-toggle="modal"
                                                    data-target="#{{ $selectSection }}modal{{ $type->id }}">
                                                    <i class="fa fa-trash"></i> Delete
                                                </a>
                                            </div>
                                        </td>
                                    </tr>
                                    @if (!empty($type->id))
                                        <!-- Modal -->
                                        <div class="modal fade" id="{{ $selectSection }}modal{{ $type->id }}"
                                            tabindex="-1" aria-labelledby="moal_Delete" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered">
                                                <div class="modal-content">
                                                    <div class="modal-header bg-light">
                                                        <h5 class="modal-title" id="deleteTypeModalLabel">Delete Leave
                                                            Type:
                                                            {{ $type->leave_type }}</h5>
                                                        <button type="button" class="close" data-dismiss="modal"
                                                            aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">

                                                        Are you sure you want to delete <b>{{ $type->leave_type }}</b>?

                                                    </div>
                                                    <div class="modal-footer bg-light">
                                                        <button type="button" class="btn btn-secondary"
                                                            data-dismiss="modal">
                                                            <i class="fas fa-times mr-1"></i>
                                                            Close</button>
                                                        <a href="{{ route('admin.leave_type.empty', ['id' => $type->id]) }}"
                                                            class="btn btn-danger">
                                                            <i class="fas fa-trash-alt mr-1"></i>
                                                            Delete</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                    <!-- end modal -->
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>

        @endif

    </div>

@endcan