{% set clubPage = is_clubsite(editmode, document) %}
{% set _layout = clubPage ? 'seikoclub/layout.html.twig' : '@CoreShopFrontend/layout.html.twig' %}
{% extends _layout %}
{% block content %}
<div class="container">
<div class="row news-row d-flex justify-content-between">
<div class="select-wrapper">
<label id="selectLabel" for="selectSelect">
<img src="{{ asset('themes/frontend/images/filter.svg') }}" alt="">
</label>
<select class="styled-select form-control site-reload" id="selectSelect" name="tag-filter">
<option value="">{% if selectedTag is null %}Címke{% else %}Címke törlése{% endif %}</option>
{% for tag in tagList %}
<option
value="{{ tag.getName() }}"{% if selectedTag is not null and selectedTag.getId() == tag.getId() %} selected="selected"{% endif %}>{{ tag.getName() }}</option>
{% endfor %}
</select>
</div>
<div class="tag-buttons btn-group">
<a class="btn btn-primary{% if selectedCategory is null %} tag-button-active {% endif %}"
href="{{ document.getFullPath() }}">{{ 'Aktualitások' | upper }}</a>
{% for category in categoryList %}
{% if not category.hidden %}
<a class="btn btn-primary{% if category == selectedCategory %} tag-button-active {% endif %}"
href="{{ pimcore_url({object: category}, null, true) }}">{{ category.name | upper }}
</a>
{% endif %}
{% endfor %}
</div>
<div class="d-flex justify-content-between align-items-center" id="newsSelect">
<div class="select-wrapper date-select">
<label id="selectLabel">
<img src="{{ asset("/themes/frontend/images/up-arrow.png") }}" alt="">
</label>
<select name="order" class="styled-select form-control site-reload" id="selectSelect">
<option {% if order == 'asc' %} selected="selected" {% endif %} value="asc">Növekvő</option>
<option {% if order == 'desc' %} selected="selected" {% endif %} value="desc">Csökkenő</option>
</select>
</div>
<div class="d-flex justify-content-end align-items-center" id="select-outside-wrapper">
<select id="mySelect" class="styled-select form-control site-reload" name="perPage">
<option value="">{{ perPage }} Bejegyzés / oldal</option>
{% for number in perPageAllowed %}
<option value="{{ number }}">{{ number }}</option>
{% endfor %}
</select>
</div>
</div>
<div class="tag-buttons-mobile btn-group">
<a class="col-12 col-sm-3 col-xs-6 btn btn-primary{% if selectedCategory is null %} tag-button-active {% endif %}"
href="{{ document.getFullPath() }}">{{ 'Aktualitások' | upper }}</a>
{% for category in categoryList %}
{% if not category.hidden %}
<a class="col-12 col-sm-3 col-xs-6 btn btn-primary{% if category == selectedCategory %} active{% endif %}"
href="{{ pimcore_url({object: category}, null, true) }}">{{ category.name | upper }}
</a>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<div class="container product-container">
<div class="row d-flex">
{% for news in paginator.items %}
{% include 'default/newslistitem.html.twig' with {news: news} only %}
{% endfor %}
</div>
<div class="col-12 pb-5 text-center">
{% include 'default/paginator.html.twig' with {
paginator: paginator,
category: null
} only %}
</div>
</div>
{% endblock %}