{% sw_extends '@Storefront/storefront/component/pagination.html.twig' %}
{% block component_pagination_first_input %}
<input type="radio"
{% if currentPage == 1 %}disabled="disabled"{% endif %}
name="rcpp"
id="rcpp-first"
value="1"
class="d-none"
title="pagination">
{% endblock %}
{% block component_pagination_first_label %}
<label class="page-link" for="rcpp-first">
{% block component_pagination_first_link %}
{{ parent() }}
{% endblock %}
</label>
{% endblock %}
{% block component_pagination_prev_input %}
<input type="radio"
{% if currentPage == 1 %}disabled="disabled"{% endif %}
name="rcpp"
id="rcpp-prev"
value="{{ currentPage - 1 }}"
class="d-none"
title="pagination">
{% endblock %}
{% block component_pagination_prev_label %}
<label class="page-link" for="rcpp-prev">
{% block component_pagination_prev_link %}
{{ parent() }}
{% endblock %}
</label>
{% endblock %}
{% block component_pagination_item_input %}
<input type="radio"
name="rcpp"
id="rcpp{{ page }}"
value="{{ page }}"
class="d-none"
title="pagination"
{% if isActive %}checked="checked"{% endif %}>
{% endblock %}
{% block component_pagination_item_label %}
<label class="page-link"
for="rcpp{{ page }}">
{% block component_pagination_item_link %}
{{ parent() }}
{% endblock %}
</label>
{% endblock %}
{% block component_pagination_next_input %}
<input type="radio"
{% if currentPage == totalPages %}disabled="disabled"{% endif %}
name="rcpp"
id="rcpp-next"
value="{{ currentPage + 1 }}"
class="d-none"
title="pagination">
{% endblock %}
{% block component_pagination_next_label %}
<label class="page-link" for="rcpp-next">
{% block component_pagination_next_link %}
{{ parent() }}
{% endblock %}
</label>
{% endblock %}
{% block component_pagination_last_input %}
<input type="radio"
{% if currentPage == totalPages %}disabled="disabled"{% endif %}
name="rcpp"
id="rcpp-last"
value="{{ totalPages }}"
class="d-none"
title="pagination">
{% endblock %}
{% block component_pagination_last_label %}
<label class="page-link" for="rcpp-last">
{% block component_pagination_last_link %}
{{ parent() }}
{% endblock %}
</label>
{% endblock %}