@props([
    'data', // expects a LengthAwarePaginator instance (e.g., $submissions)
])

<div class="d-flex justify-content-between align-items-center flex-wrap mt-3">

    {{-- LEFT SIDE: Showing X to Y of Z entries --}}
    @if ($data->count() > 0)
        <div class="dataTables_info mb-2 mb-md-0">
            Showing
            <span class="fw-semibold">{{ $data->firstItem() }}</span>
            to
            <span class="fw-semibold">{{ $data->lastItem() }}</span>
            of
            <span class="fw-semibold">{{ $data->total() }}</span>
            entries
        </div>
    @endif

    {{-- RIGHT SIDE: Pagination --}}
    <div>
        {{ $data->appends(request()->query())->links('pagination::bootstrap-5') }}
    </div>

</div>