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

@php
    $per_page = (int) $opt;
    $total_items = (int) $total_items;
    $start_item = $total_items > 0 ? ($currentPage - 1) * $per_page + 1 : 0;
    $end_item = min($currentPage * $per_page, $total_items);
    if ($start_item > $total_items) {
        $start_item = $total_items;
    }
@endphp

@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="Product 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="icon-chevron-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
                            @endif
                            <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 mt-2">
                        <p class="text-muted">@lang('frontend::text.label.show_items') {{ $start_item }}-{{ $end_item }} @lang('frontend::text.label.from') {{ $total_items }} @lang('frontend::text.label.items') </p>
                    </div>

                </div>
            </div>
        </div>
    </section>
@endif