{% extends 'application/layout.html.twig' %}
{% block content %}
<main class="main">
<div class="breadcrumb">
<div class="container">
<ol class="breadcrumb__list">
<li class="breadcrumb__item"><a href="{{ path('home') }}" class="breadcrumb__link">Главная</a></li>
<li class="breadcrumb__item"><a href="{{ path('montazh') }}" class="breadcrumb__link">Инструкции по монтажу</a></li>
<li class="breadcrumb__item active" aria-current="page">{{ category.name(app.request.locale) }}</li>
</ol>
</div>
</div>
<div class="page">
<div class="container">
<div class="page__header">
<h1 class="page__title">{{ category.name(app.request.locale) }}</h1>
</div>
<div class="page__row">
{% if categoryList|length %}
<div class="page__sidebar collapse a-collapse">
<div class="collapse__toggle">
<a class="sidebar-toggle">
Навигация по разделу
<span class="caret">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.867 5.146a.536.536 0 0 1 0 .708l-4.546 5a.426.426 0 0 1-.642 0l-4.546-5a.536.536 0 0 1 0-.708.426.426 0 0 1 .643 0L8 9.793l4.224-4.647a.426.426 0 0 1 .643 0z"/></svg>
</span>
</a>
</div>
<div class="collapse__body">
<ul class="nav-add">
{% for cat in categoryList %}
{% set selected = category and (cat.id == category.id) %}
<li class="nav-add__item {% if selected %}active{% endif %}">
<a href="{{ path('montazh/category', {categoryUrl: cat.url}) }}" class="nav-add__link">{{ cat.name(app.request.locale) }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
<div class="page__main">
<div id="items" class="articles__row">
{{ include('application/montazh/list.html.twig') }}
</div>
<div id="pagination">
{{ include('application/partial/pagination.html.twig') }}
</div>
</div>
</div>
</div>
</div>
</main>
{% endblock %}
{% block scripts %}
{{ include('application/partial/pagination-script.html.twig', {itemsRouteName: 'montazh/category', itemsRouteParams: {categoryUrl: category.url}}) }}
{% endblock %}