<div>
    <div class="py-12">
        <div class="table-responsive table-salesemp">
            <table id="example" class="my-table dataTables_wrapper dt-bootstrap5" style="width:100%; ">
                <thead>
                    <tr>
                        <th scope="col" style="border-top-left-radius: 1rem">#</th>
                        <th scope="col">{{ __('Code') }}</th>
                        <th scope="col">{{ __('Name') }}</th>
                        <th scope="col">{{ __('Position') }}</th>
                        <th scope="col" style="border-top-right-radius: 1rem">{{ __('Status') }}</th>
                    </tr>
                </thead>

                <tbody class="small">
                    @forelse($salesemps as $key => $salesemp)
                    <tr>
                        <th scope="col">{{ $key + 1 }}</td>
                        <td>{{ $salesemp->code }}</td>
                        <td>{{ $salesemp->name }}</td>
                        <td>{{ $salesemp->position }}</td>
                        <td>
                            <button class="@if ($salesemp->active == 'Y') button-custom-success @else button-custom-danger @endif badge" data-bs-toggle="modal">

                            @if ($salesemp->active == 'Y') ACTIVE @else INACTIVE @endif
                            </button>
                        </td>
                    </tr>
                    @empty

                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>