{%- extends '@Pagerfanta/default.html.twig' -%}

    {%- block pager_widget -%}
        <div class="oka-pagination">
            {{- block('pager') -}}
        </div>
    {%- endblock pager_widget -%}

    {%- block page_link -%}
        <a class="oka-bt oka-bt--ghost" href="{{- path -}}">
            <span class="oka-bt__lbl">{{- page -}}</span>
        </a>
    {%- endblock page_link -%}

    {%- block current_page_link -%}
        <div class="oka-bt oka-bt--ghost oka-bt--active" aria-current="page">
            <span class="oka-bt__lbl">{{- page -}}</span>
        </div>
    {%- endblock current_page_link -%}


    {%- block previous_page_link -%}
        <a class="oka-bt oka-bt--ghost" href="{{- path -}}" rel="prev">
            <span class="oka-bt__ico"><i class="fa-solid fa-chevron-left"></i></span>
            {# <span class="oka-bt__lbl">{{- block('previous_page_message') -}}</span> #}
        </a>
    {%- endblock previous_page_link -%}

    {%- block previous_page_link_disabled -%}
        <div class="oka-bt oka-bt--ghost oka-bt--disabled">
            <span class="oka-bt__ico"><i class="fa-solid fa-chevron-left"></i></span>
            {# <span class="oka-bt__lbl">{{- block('previous_page_message') -}}</span> #}
        </div>
    {%- endblock previous_page_link_disabled -%}




    {%- block next_page_link -%}
        <a class="oka-bt oka-bt--ghost" href="{{- path -}}" rel="next">
            {# <span class="oka-bt__lbl">{{- block('next_page_message') -}}</span> #}
            <span class="oka-bt__ico"><i class="fa-solid fa-chevron-right"></i></span>
        </a>
    {%- endblock next_page_link -%}

    {%- block next_page_link_disabled -%}
        <div class="oka-bt oka-bt--ghost oka-bt--disabled">
            {# <span class="oka-bt__lbl">{{- block('next_page_message') -}}</span> #}
            <span class="oka-bt__ico"><i class="fa-solid fa-chevron-right"></i></span>
        </div>
    {%- endblock next_page_link_disabled -%}



    {%- block ellipsis -%}
        <div class="oka-bt oka-bt--ghost oka-bt--disabled">
            {# <span class="oka-bt__lbl">{{- block('next_page_message') -}}</span> #}
            <span class="oka-bt__lbl">&hellip;</span>
        </div>
    {%- endblock ellipsis -%}