@props([
    'currentPage' => 1,
    'totalPages' => 1,
    'per_page' => 1,
    'pages' => [],
    'slug_id' => '',
    'opt' => [],
    'total_items' => 1,
    'type' => '',
])
@if ($totalPages > 1)
    <div class="products-pagination">
        @if ($totalPages > 1)
            <ul class="products-pagination__list">
                <li
                    class="products-pagination__item products-pagination__item--prev {{ $currentPage <= 1 ? 'disabled' : '' }}">
                    <a wire:click="previous" tabindex="-1" aria-disabled="true" aria-label="Previous"
                        @if ($currentPage > 1) tabindex="-1" aria-disabled="true" @endif>
                        <i class="icon-chevron-left"></i>
                    </a>
                </li>
                @foreach ($pages as $page)
                    <li class="products-pagination__item {{ $page == $currentPage ? 'active' : '' }}">
                        <a
                            wire:click="setPage({{ $page }}, '{{ $slug_id }}', '{{ json_encode($opt) }}')">{{ $page }}</a>
                    </li>
                @endforeach
                <li
                    class="products-pagination__item products-pagination__item--next {{ $currentPage >= $totalPages ? 'disabled' : '' }}">
                    <a wire:click="next" tabindex="-1" aria-disabled="true" aria-label="Next"
                        aria-label="Next" @if ($currentPage < $totalPages) tabindex="-1" aria-disabled="true" @endif>
                        <i class="icon-chevron-right"></i>
                    </a>
                </li>
            </ul>
        @endif
        <p class="products-pagination__summary">
            @lang('frontend::text.showing') {{ ($currentPage - 1) * $opt + 1 }}-{{ min($currentPage * $opt, $total_items) }} @lang('frontend::text.of') {{ $total_items }} @lang('frontend::text.items')
        </p>
    </div>
@endif