{% extends 'application/layout.html.twig' %}
{% block content %}
<style>
.tag__link.active {
background-color: rgba(var(--bodyColorRgb), 0.1);
}
.tag__link.active .tag__text {
color: var(--bodyColor);
}
</style>
<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 active" aria-current="page">{{ page.name(app.request.locale) }}</li>
</ol>
</div>
</div>
<div class="page">
<div class="container">
<div class="page__header">
<h1 class="page__title">{{ page.name(app.request.locale) }}</h1>
</div>
<div class="articles">
<div class="articles__tag tag">
<ul class="tag__list">
{% if tag %}
<li class="tag__item">
<a href="{{ path('gallery') }}" class="tag__link">
<span class="tag__text">Все</span>
</a>
</li>
{% endif %}
{% for t in tags %}
<li class="tag__item">
<a href="{{ path('gallery', {tag: t.url}) }}" class="tag__link {% if tag and t.id == tag.id %}active{% endif %}">
<span class="tag__text">{{ t.name(app.request.locale) }}</span>
</a>
</li>
{% endfor %}
</ul>
</div>
<div id="items" class="project__row">
{{ include('application/projects/project-list.html.twig') }}
</div>
<div id="pagination">
{{ include('application/partial/pagination.html.twig') }}
</div>
</div>
</div>
</div>
</main>
{% endblock %}
{% block scripts %}
{{ include('application/partial/pagination-script.html.twig', {itemsRouteName: 'gallery'}) }}
{% endblock %}