{{#if pagination1}}
    <nav role="navigation">
        <ul class="pagination">
            <li class="pagination__item">
                <a class="pagination__btn pagination__btn_prev" href="#" aria-label="Previous">
                    <span aria-hidden="true"><span class="far fa-angle-double-left"></span></span>
                    <span class="sr-only">Previous</span>
                </a>
            </li>
            <li class="pagination__item"><a class="pagination__link" href="#">1</a></li>
            <li class="pagination__item"><a class="pagination__link  pagination__link_active" href="#">2</a></li>
            <li class="pagination__item"><a class="pagination__link" href="#">3</a></li>
            <li class="pagination__item"><a class="pagination__link" href="#">4</a></li>
            <li class="pagination__item">...</li>
            <li class="pagination__item"><a class="pagination__link" href="#">15</a></li>
            <li class="pagination__item">
                <a class="pagination__btn pagination__btn_next" href="#" aria-label="Next">
                    <span aria-hidden="true"><span class="far fa-angle-double-right"></span></span>
                    <span class="sr-only">Next</span>
                </a>
            </li>
        </ul>
    </nav>
{{/if}}
{{#if pagination2}}
<nav role="navigation">
    <ul class="pagination pagination_tablet">
        <li class="pagination__item">
            <a class="pagination__btn pagination__btn_prev" href="#" aria-label="Previous">
                <span aria-hidden="true"><span class="far fa-angle-double-left"></span></span>
                <span class="sr-only">Previous</span>
            </a>
        </li>
        <li class="pagination__item"><a class="pagination__link" href="#">1</a></li>
        <li class="pagination__item"><a class="pagination__link  pagination__link_active" href="#">2</a></li>
        <li class="pagination__item"><a class="pagination__link" href="#">3</a></li>
        <li class="pagination__item"><a class="pagination__link" href="#">4</a></li>
        <li class="pagination__item"><a class="pagination__link" href="#">5</a></li>
        <li class="pagination__item"><a class="pagination__link" href="#">6</a></li>
        <li class="pagination__item"><a class="pagination__link" href="#">7</a></li>
        <li class="pagination__item"><a class="pagination__link" href="#">8</a></li>
        <li class="pagination__item"><a class="pagination__link" href="#">9</a></li>
        <li class="pagination__item">...</li>
        <li class="pagination__item"><a class="pagination__link" href="#">15</a></li>
        <li class="pagination__item">
            <a class="pagination__btn pagination__btn_next" href="#" aria-label="Next">
                <span aria-hidden="true"><span class="far fa-angle-double-right"></span></span>
                <span class="sr-only">Next</span>
            </a>
        </li>
    </ul>
</nav>
{{/if}}
{{#if pagination3}}
<nav role="navigation">
    <ul class="pagination">
        <li class="pagination__item">
            <a class="pagination__btn pagination__btn_prev" href="#" aria-label="Previous">
                <span aria-hidden="true"><span class="far fa-angle-double-left"></span></span>
                <span class="sr-only">Previous</span>
            </a>
        </li>
        <li class="pagination__item"><a class="pagination__link" href="#">1</a></li>
        <li class="pagination__item">...</li>
        <li class="pagination__item"><a class="pagination__link  pagination__link_active" href="#">9</a></li>
        <li class="pagination__item"><a class="pagination__link" href="#">10</a></li>
        <li class="pagination__item">...</li>
        <li class="pagination__item"><a class="pagination__link" href="#">15</a></li>
        <li class="pagination__item">
            <a class="pagination__btn pagination__btn_next" href="#" aria-label="Next">
                <span aria-hidden="true"><span class="far fa-angle-double-right"></span></span>
                <span class="sr-only">Next</span>
            </a>
        </li>
    </ul>
</nav>
{{/if}}
{{#if pagination4}}
<nav role="navigation">
    <ul class="pagination">
        <li class="pagination__item">
            <a class="pagination__shopping-list__btn pagination__shopping-list__btn_prev" href="#" aria-label="Previous">
                <span aria-hidden="true"><span class="far fa-angle-double-left"></span></span>
                <span class="sr-only">Previous</span>
            </a>
        </li>
        <li class="pagination__item"><a class="pagination__shopping-list__link" href="#">1</a></li>
        <li class="pagination__item">...</li>
        <li class="pagination__item"><a class="pagination__shopping-list__link  pagination__link_active" href="#">9</a></li>
        <li class="pagination__item"><a class="pagination__shopping-list__link" href="#">10</a></li>
        <li class="pagination__item">...</li>
        <li class="pagination__item"><a class="pagination__shopping-list__link" href="#">15</a></li>
        <li class="pagination__item">
            <a class="pagination__shopping-list__btn pagination__shopping-list__btn_next" href="#" aria-label="Next">
                <span aria-hidden="true"><span class="far fa-angle-double-right"></span></span>
                <span class="sr-only">Next</span>
            </a>
        </li>
    </ul>
</nav>
{{/if}}
<!-- /.pagination-->