@if(isset($data) && method_exists($data, 'total'))
	@section('card-footer')
	<div class="card-footer">
		<div class="row">
			<div class="col-lg-12">
				<div class="d-flex justify-content-between align-items-center my-3 pagination-info">
                    <div class="d-flex align-items-center">
                        <div class="me-3">
							@if(isset($data) && method_exists($data, 'total'))
								Total records: {{ $data->total() }}
							@endif
                        </div>
                    </div>
					<div class="d-flex align-items-center justify-content-end gap-3 pagination-info-inner">
						<div class="d-flex align-items-center per-page-select">
							<label for="itemsPerPage" class="form-label mb-0 me-2">Items per page:</label>
							@php
									$perPageOptions = [10, 25, 50, 100, 500, 1000];
									$userDefault = $userListingTableSize ?? null;
									if ($userDefault && !in_array($userDefault, $perPageOptions)) {
										$perPageOptions[] = $userDefault;
										sort($perPageOptions);
									}
									$selectedPerPage = request('offset', $userDefault ?? config('settings.per_page_record', 30));
								@endphp
								<select id="itemsPerPage" class="form-select form-select-sm select2 no-search" style="width: auto;" onchange="changeItemsPerPage(this.value)">
								@foreach($perPageOptions as $perPage)
									<option value="{{ $perPage }}" {{ $selectedPerPage == $perPage ? 'selected' : '' }}>{{ $perPage }}</option>
								@endforeach
							</select>
						</div>
						<div class="{{ request()->ajax() ? 'ajax-pagination' : '' }} pagination-links">
							@php
								$queryParams = request()->except(["partial", "page"]);
								// Ensure tab parameter is included if it exists in the request
								if (request()->has('tab')) {
									$queryParams['tab'] = request()->input('tab');
								}
							@endphp
							{{ $data->appends($queryParams)->links() }}
						</div>
					</div>
                </div>
			</div>
		</div>
	</div>

    <script>
		function changeItemsPerPage(perPage) {
			let url = new URL(window.location.href);
			url.searchParams.set('offset', perPage);
			if (url.searchParams.has('page')) {
				url.searchParams.delete('page');
			}
			window.location.href = url.toString();
		}
    </script>
	@endsection
@endif