{% set paginator = getPaginator(namespace) %}
{% set page_links = page_links|default(4) %}
{% set from_page = paginator.current_page - page_links %}
{% set from_page = (from_page < 1) ? 1 : from_page  %}
{% set to_page = (from_page + page_links) %}
{% set to_page = (to_page > paginator.last_page) ? paginator.last_page : to_page %}
<div 
    id="{{ component_id }}"
    rows-selector="{{ rows_selector }}"
    component="{{ component }}"
    namespace="{{ namespace }}"
    last-page="{{ paginator.last_page }}"
    from-page="{{ from_page }}" 
    to-page="{{ to_page }}" 
    current-page="{{ paginator.current_page }}"
    class="btn-group {{ class }}">
    <btn 
        class="btn page-link first-page
        {{ button_class|default('btn-sm') }} 
        {{ (paginator.current_page == 1) ? 'disabled' : '' }}
        {{ (paginator.current_page == 1) ? 'btn-active' : '' }}"
        page="1">
        «
    </btn>

    {% for index in from_page..to_page %}
        <btn 
            class="btn page-link page-{{ index }}
            {{ button_class|default('btn-sm') }} 
            {{ (paginator.current_page == index) ? 'disabled' : '' }}
            {{ (paginator.current_page == index) ? 'btn-active' : '' }}" 
            page="{{ index }}">
            {{ index }}  
        </btn>
       
    {% endfor %}    
    
    <btn 
        class="btn page-link last-page
        {{ button_class|default('btn-sm') }} 
        {{ (paginator.current_page == paginator.last_page) ? 'disabled' : '' }}
        {{ (paginator.current_page == paginator.last_page) ? 'btn-active' : '' }}"
        page="{{ paginator.last_page }}">
        »
    </btn>   
</div>