@php
    $Authuser = Auth::user();
    $canNotesEdit = $Authuser && (
        ($module_type === 'admin' && $Authuser->hasPermission('admin.users.notes.edit')) ||
        ($module_type === 'vendor' && $Authuser->hasPermission('vendor.users.notes.edit')) ||
        ($module_type === 'customer' && $Authuser->hasPermission('customer.users.notes.edit'))
    );

    // Check delete permission
    $canNotesDelete = $Authuser && (
        ($module_type === 'admin' && $Authuser->hasPermission('admin.users.notes.delete')) ||
        ($module_type === 'vendor' && $Authuser->hasPermission('vendor.users.notes.delete')) ||
        ($module_type === 'customer' && $Authuser->hasPermission('customer.users.notes.delete'))
    );
@endphp

<table class="table table-bordered">
    <thead>
        <tr>
            <th>#</th>
            <th>Note</th>
            <th>Created By</th>
            <th>Date</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        @forelse($notes as $index => $note)
            <tr>
                <td>{{ $loop->iteration + $notes->firstItem() - 1 }}</td>
                <td>
                    <span class="note-preview" title="{{ $note->notes }}">
                        {{ Str::limit($note->notes, 50) }}
                    </span>
                </td>
                <td>{{ $note->created_name ?? '—' }}</td>
                <td>{{ $note->created_at->format('d-m-Y h:i A') }}</td>
                <td>
                    @if ($canNotesEdit)
                        <a href="javascript:void(0)" onclick="editNote({{ $note->id }})" title="Edit" class="text-primary me-2">
                            <i class="las la-edit" style="font-size: 17px"></i>
                        </a>
                    @endif
                    @if ($canNotesDelete)
                        <a href="javascript:void(0)"
                            onclick="openDeleteNoteModal({{ $note->id }}, '{{ addslashes(Str::limit($note->notes, limit: 30)) }}')"
                            title="Delete" class="text-danger">
                            <i class="las la-trash" style="font-size: 17px"></i>
                        </a>
                    @endif
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="5" class="text-center text-muted">No notes found.</td>
            </tr>
        @endforelse
    </tbody>
</table>

<div class="d-flex justify-content-between align-items-center mt-3">
    <p class="text-muted mb-0">
        Showing {{ $notes->firstItem() }} to {{ $notes->lastItem() }} of {{ $notes->total() }} entries
    </p>
    {!! $notes->appends(request()->input())->links() !!}
</div>