@props([
    'currentPage' => 1,
    'totalPages' => 1,
    'per_page' => 1,
    'pages' => [],
    'slug_id' => '',
    'opt' => [],
    'total_items' => 1,
    'type' => '',
])
@if ($totalPages > 1)
    <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' : '' }}">
                                <a class="page-link" wire:click="previous" tabindex="-1" aria-disabled="true"><i
                                        class="icon-chevron-left"></i></a>
                            </li>

                            @foreach ($pages as $page)
                                <li class="page-item {{ $currentPage == $page ? 'active' : '' }}">
                                    <a class="page-link"
                                        wire:click="setPage({{ $page }}, '{{ $slug_id }}', '{{ json_encode($opt) }}')">{{ $page }}</a>
                                </li>
                            @endforeach
                            <li class="page-item {{ $currentPage >= $totalPages ? 'disabled' : '' }}">
                                <a class="page-link" wire:click="next"><i class="icon-chevron-right"></i></a>
                            </li>
                        </ul>
                    </nav>
                    <div class="pagination-info">
                        {{ __('frontend::frontend.pagination.displaying') }}
                        {{ $currentPage * $per_page }}-{{ ($currentPage + 1) * $per_page }}
                        {{ __('frontend::frontend.pagination.of') }} {{ $total_items }}
                        {{ __('frontend::frontend.pagination.news') }}
                    </div>
                </div>
            </div>
        </div>
    </section>
@endif