@props([
    'currentPage' => 1,
    'slug_id' => '',
    'totalPages' => 1,
    'pages' => [],
    'opt' => '',
    'total_items' => 0,
    'type_text' => '',
])

@php
    $per_page = (int) $opt;
    $start_item = ($currentPage - 1) * $per_page + 1;
    $end_item = min($currentPage * $per_page, $total_items);
@endphp

@if ($totalPages > 1)
    <div class="row mt-5">
        <div class="col-xs-12 col-sm-12 col-md-12 text-center">
            <nav aria-label="News pagination">
                <ul class="pagination justify-content-center">
                    <li class="page-item {{ $currentPage <= 1 ? 'disabled' : '' }}">
                        <a class="page-link" wire:click="previous" tabindex="-1" aria-disabled="true">
                            <i class="fas fa-angle-left"></i>
                        </a>
                    </li>
                    @if (!empty($pages))
                        @foreach ($pages as $page)
                            @if ($page === '...')
                                <li class="page-item disabled"><span class="page-link">...</span></li>
                            @else
                                <li class="page-item @if ($currentPage == $page) active @endif">
                                    <a class="page-link {{ $currentPage == $page ? 'text-white' : '' }}"  wire:click="setPage({{ $page }}, '{{ $slug_id }}', '{{ json_encode($opt) }}')">{{ $page }}</a>
                                </li>
                            @endif
                        @endforeach
                    @else
                        @for ($i = 1; $i <= $totalPages; $i++)
                            <li class="page-item  @if ($currentPage == $i) active  @endif">
                                <a class="page-link" wire:click="setPage({{ $i }}, '{{ $slug_id }}', '{{ json_encode($opt) }}')">{{ $i }}</a>
                            </li>
                        @endfor
                    @endif
                    <li class="page-item {{ $currentPage >= $totalPages ? 'disabled' : '' }}">
                        <a class="page-link" wire:click="next" tabindex="-1" aria-disabled="true">
                            <i class="fas fa-angle-right"></i>
                        </a>
                    </li>
                </ul>
            </nav>
            <div class="pagination-info">
                {{ __('frontend::text.page.show') }} {{ $start_item }}-{{ $end_item }}
                {{ __('frontend::text.page.of') }} {{ $total_items }} {{ $type_text }}
            </div>
        </div>
    </div>
@endif