@if ($products instanceof \Illuminate\Pagination\LengthAwarePaginator)
    <div class="row align-items-center">
        <div class="col-12 col-md-6 mb-2 mb-md-0">
            <div class="dataTables_info">
                Showing {{ $products->firstItem() }} to {{ $products->lastItem() }} of
                {{ $products->total() }} entries
            </div>
        </div>
        <div class="col-12 col-md-6">
            <div class="dataTables_paginate paging_simple_numbers d-flex justify-content-center justify-content-md-end">
                <!-- Mobile pagination (3 buttons) -->
                <nav aria-label="Page navigation" class="d-block d-md-none">
                    <ul class="pagination pagination-sm justify-content-center">
                        {{-- Previous Button --}}
                        @if ($products->onFirstPage())
                            <li class="page-item disabled">
                                <span class="page-link">Previous</span>
                            </li>
                        @else
                            <li class="page-item">
                                <a class="page-link" href="{{ $products->previousPageUrl() }}">Previous</a>
                            </li>
                        @endif

                        {{-- Page Numbers (3 for mobile) --}}
                        @php
                            $currentPage = $products->currentPage();
                            $lastPage = $products->lastPage();

                            // Calculate start and end for 3 buttons
                            $start = max(1, $currentPage - 1);
                            $end = min($lastPage, $currentPage + 1);

                            // Adjust if we're at the beginning or end
                            if ($currentPage == 1 && $lastPage >= 3) {
                                $end = 3;
                            } elseif ($currentPage == $lastPage && $lastPage >= 3) {
                                $start = $lastPage - 2;
                            }
                        @endphp

                        {{-- First page if not in range --}}
                        @if ($start > 1)
                            <li class="page-item">
                                <a class="page-link" href="{{ $products->url(1) }}">1</a>
                            </li>
                            @if ($start > 2)
                                <li class="page-item disabled">
                                    <span class="page-link">...</span>
                                </li>
                            @endif
                        @endif

                        {{-- Page numbers --}}
                        @for ($i = $start; $i <= $end; $i++)
                            @if ($i == $currentPage)
                                <li class="page-item active">
                                    <span class="page-link">{{ $i }}</span>
                                </li>
                            @else
                                <li class="page-item">
                                    <a class="page-link" href="{{ $products->url($i) }}">{{ $i }}</a>
                                </li>
                            @endif
                        @endfor

                        {{-- Last page if not in range --}}
                        @if ($end < $lastPage)
                            @if ($end < $lastPage - 1)
                                <li class="page-item disabled">
                                    <span class="page-link">...</span>
                                </li>
                            @endif
                            <li class="page-item">
                                <a class="page-link" href="{{ $products->url($lastPage) }}">{{ $lastPage }}</a>
                            </li>
                        @endif

                        {{-- Next Button --}}
                        @if ($products->hasMorePages())
                            <li class="page-item">
                                <a class="page-link" href="{{ $products->nextPageUrl() }}">Next</a>
                            </li>
                        @else
                            <li class="page-item disabled">
                                <span class="page-link">Next</span>
                            </li>
                        @endif
                    </ul>
                </nav>

                <!-- Desktop pagination (5 buttons) -->
                <nav aria-label="Page navigation" class="d-none d-md-block">
                    <ul class="pagination justify-content-end">
                        {{-- Previous Button --}}
                        @if ($products->onFirstPage())
                            <li class="page-item disabled">
                                <span class="page-link">Previous</span>
                            </li>
                        @else
                            <li class="page-item">
                                <a class="page-link" href="{{ $products->previousPageUrl() }}">Previous</a>
                            </li>
                        @endif

                        {{-- Page Numbers (5 for desktop) --}}
                        @php
                            $currentPage = $products->currentPage();
                            $lastPage = $products->lastPage();

                            // Calculate start and end for 5 buttons
                            $start = max(1, $currentPage - 2);
                            $end = min($lastPage, $currentPage + 2);

                            // Adjust if we're at the beginning or end
                            if ($currentPage <= 2 && $lastPage >= 5) {
                                $end = 5;
                            } elseif ($currentPage >= $lastPage - 1 && $lastPage >= 5) {
                                $start = $lastPage - 4;
                            }
                        @endphp

                        {{-- First page if not in range --}}
                        @if ($start > 1)
                            <li class="page-item">
                                <a class="page-link" href="{{ $products->url(1) }}">1</a>
                            </li>
                            @if ($start > 2)
                                <li class="page-item disabled">
                                    <span class="page-link">...</span>
                                </li>
                            @endif
                        @endif

                        {{-- Page numbers --}}
                        @for ($i = $start; $i <= $end; $i++)
                            @if ($i == $currentPage)
                                <li class="page-item active">
                                    <span class="page-link">{{ $i }}</span>
                                </li>
                            @else
                                <li class="page-item">
                                    <a class="page-link" href="{{ $products->url($i) }}">{{ $i }}</a>
                                </li>
                            @endif
                        @endfor

                        {{-- Last page if not in range --}}
                        @if ($end < $lastPage)
                            @if ($end < $lastPage - 1)
                                <li class="page-item disabled">
                                    <span class="page-link">...</span>
                                </li>
                            @endif
                            <li class="page-item">
                                <a class="page-link" href="{{ $products->url($lastPage) }}">{{ $lastPage }}</a>
                            </li>
                        @endif

                        {{-- Next Button --}}
                        @if ($products->hasMorePages())
                            <li class="page-item">
                                <a class="page-link" href="{{ $products->nextPageUrl() }}">Next</a>
                            </li>
                        @else
                            <li class="page-item disabled">
                                <span class="page-link">Next</span>
                            </li>
                        @endif
                    </ul>
                </nav>
            </div>
        </div>
    </div>
@endif