<div class="container mt100 wow fadeInUp">
<a href="{{ path('app_publications') }}" style="float: right; margin-top: 15px" class="bottom d-none d-sm-block">Подробнее</a>
<h2>
<div class="" role="tablist">
{% for k, cat in categories %}
<a href="#"
class="text-gray {{ k == 0 ? 'active' }}"
data-bs-toggle="tab"
data-bs-target="#{{ cat.slug }}-tab-pane"
type="button" role="tab"
aria-controls="{{ cat.slug }}-tab-pane"
aria-selected="true"
>
{{ cat.title }}</a>
{% endfor %}
</div>
</h2>
<div class="mt25 tab-content">
<div class="tab-pane fade show active" id="news-tab-pane" role="tabpanel" aria-labelledby="news-tab" tabindex="0">
{% for publicationBatch in publications | batch(3) %}
<div class="d-flex" style="gap: 10px">
{% for publication in publicationBatch %}
{% if publication.category.id == 2 %}
{{ include('new\\Element\\video_card.html.twig') }}
{% elseif publication.category.id == 3 %}
{{ include('new\\Element\\smi_card.html.twig') }}
{% else %}
{{ include('new\\Element\\publication_card.html.twig') }}
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
<div class="tab-pane fade" id="video-tab-pane" role="tabpanel" aria-labelledby="video-tab" tabindex="0">
{% for publicationBatch in publicationVideos | batch(3) %}
<div class="d-flex" style="gap: 10px">
{% for publication in publicationBatch %}
{% if publication.category.id == 2 %}
{{ include('new\\Element\\video_card.html.twig') }}
{% elseif publication.category.id == 3 %}
{{ include('new\\Element\\smi_card.html.twig') }}
{% else %}
{{ include('new\\Element\\publication_card.html.twig') }}
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
<div class="tab-pane fade" id="smi-tab-pane" role="tabpanel" aria-labelledby="smi-tab" tabindex="0">
{% for publicationBatch in publicationSmi | batch(3) %}
<div class="d-flex" style="gap: 10px">
{% for publication in publicationBatch %}
{% if publication.category.id == 2 %}
{{ include('new\\Element\\video_card.html.twig') }}
{% elseif publication.category.id == 3 %}
{{ include('new\\Element\\smi_card.html.twig') }}
{% else %}
{{ include('new\\Element\\publication_card.html.twig') }}
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
<div class="tab-pane fade" id="journal-tab-pane" role="tabpanel" aria-labelledby="journal-tab" tabindex="0">
{% for publicationBatch in publicationJournal | batch(3) %}
<div class="d-flex" style="gap: 10px">
{% for publication in publicationBatch %}
{% if publication.category.id == 2 %}
{{ include('new\\Element\\video_card.html.twig') }}
{% elseif publication.category.id == 3 %}
{{ include('new\\Element\\smi_card.html.twig') }}
{% else %}
{{ include('new\\Element\\publication_card.html.twig') }}
{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</div>