@props(['currentPage' => 1, 'totalPages' => 1, 'per_page' => 1, 'pages' => [], 'slug_id' => '', 'opt' => [],'total_items' => 1,'type' => ''])
@if ($totalPages > 1)
    <div class="row">
        <div class="col-lg-12">
            <ul class="pagination justify-content-center">
                <li class="page-item {{ $currentPage <= 1 ? 'disabled' : '' }}">
                    <a class="page-link " wire:click="previous" tabindex="-1"><i class="fa fa-angle-left"></i></a>
                </li>
                @foreach ($pages as $page)
                    <li class="page-item {{ $currentPage == $page ? 'active' : '' }}" aria-current="page"><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 disabled" wire:click="next" tabindex="-1"><i class="fa fa-angle-right"></i></a>
                </li>
            </ul>
        </div>
    </div>

@endif