@props([
    'currentPage' => 1,
    'totalPages' => 1,
    'pages' => [],
    'slug_id' => '',
    'opt' => [],
    'label' => '',
    'allItem' => 0,
    'perPage' => 0,
])

<section class="sect-pagination">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                <nav aria-label="News pagination">
                    <ul class="pagination">
                        <li class="page-item {{ $currentPage <= 1 ? 'disabled' : '' }}">
                            <button class="page-link" type="button" wire:click="previous('{{ $slug_id }}', '{{ json_encode($opt) }}')" @if ($currentPage <= 1) aria-disabled="true" tabindex="-1" @endif>
                                <i class="icon-chevron-left"></i>
                            </button>
                        </li>
                        @foreach ($pages as $page)
                            <li class="page-item {{ $currentPage == $page ? 'active' : '' }}">
                                <button class="page-link" type="button" wire:click="setPage({{ $page }}, '{{ $slug_id }}', '{{ json_encode($opt) }}')" {{ $page == '...' ? 'disabled' : '' }}>
                                    {{ $page }}
                                </button>
                            </li>
                        @endforeach
                        <li class="page-item {{ $currentPage >= $totalPages ? 'disabled' : '' }}">
                            <button class="page-link" type="button" wire:click="next('{{ $slug_id }}', '{{ json_encode($opt) }}')" @if ($currentPage >= $totalPages) aria-disabled="true" tabindex="-1" @endif>
                                <i class="icon-chevron-right"></i>
                            </button>
                        </li>
                    </ul>
                </nav>
                <div class="pagination-info">
                    {{ __('frontend::lang.pagination.show') }} {{ $perPage * ($currentPage - 1) + 1 }} - {{ $perPage * $currentPage > $allItem ? $allItem : $perPage * $currentPage }} {{ __('frontend::lang.pagination.of') }} {{ $allItem }} {{ $label }}
                </div>
            </div>
        </div>
    </div>
</section>