{% extends 'shop/shop.html.twig' %}

{% block title %}{{ category.title }}{% endblock %}

{% block content %}
    <div class="col-12 col-lg-9">
        {% for label, messages in app.flashes(['success', 'warning']) %}
            {% for message in messages %}
                <div class="alert-{{ label }}">
                    {{ message }}
                </div>
            {% endfor %}
        {% endfor %}
        <h1 class="main-title pb-2">{{ category.name }}</h1>

        {{ category.html|raw }}

        {% if  has_active_product(category) or category.slug == "publikace" %}
            <form action="#" class="pt-3">
                <div class="row">
                    <div class="col-12 col-lg-7">
                        <label for="searchPubs">{% trans %}vyhledat.publikaci{% endtrans %}</label>
                        <div class="input-wrapper input-wrapper--search">
                            <input type="text" id="searchPublications" class="input">
                            <img class="input-wrapper__icon" src="{{ asset('build/svg/search.svg') }}" alt="search">
                        </div>
                        <div class="dynamic-search-results" id="searchResults">

                        </div>
                    </div>
                    <div class="col-12 col-lg-5 mt-3 mt-lg-0">
                        <label for="item">{% trans %}edicni.rada{% endtrans %}</label>
                        <div class="input-wrapper input-wrapper--select">
                            <select id="searchEdition" class="input">
                                <option value="0">{% trans %}vse{% endtrans %}</option>
                                {% for category in get_category_sub_categories(108) %}
                                    <option value="{{ category.id }}">{{ category.name }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                </div>
            </form>
            {# <div class="shop-banner shop-banner--blue">
                <div class="shop-banner__image">
                    <img src="{{ asset('build/img/banner.jpg') }}" alt="Shop Banner" class="shop-banner__img">
                </div>
                <div class="shop-banner__content">
                    <h3 class="shop-banner__title">Edvard Beneš, Němci a Německo</h3>
                    <p class="shop-banner__text mb-3">Vícesvazková edice dokumentů dokumentuje vývoj a proměny politiky i pohledu Edvarda Beneše k Němcům a Německu od jeho raného mládí do roku 1938.</p>
                    <a href="#" class="link-upper">Celá ediční řada</a>
                </div>
            </div> #}
              <div class="shop-banner js-slider" data-to-show="1" data-to-scroll="1" data-speed="0.5"
                        data-auto="true" data-auto-speed="4">
                        <div class="js-slider-track">
                            {# <a class="shop-banner__item js-slider-slide" href="#">
                                <img src="{{ asset('build/img/havlicek.png') }}" alt="Havlíčku, Havel! - novinka banner">
                            </a> #}
                            
                            <a class="shop-banner__item js-slider-slide" href="/cs/publikace/deniky-vaclava-tilleho-ii-p">
                                <img src="{{ asset('build/img/till2.png') }}" alt="Divadlo, film, kultura mezi světovými válkami - banner">
                            </a>
                            <a class="shop-banner__item js-slider-slide" href="/cs/publikace/svet-prostituce-na-sklonku-rakouskeho-cisarstvi-p">
                                <img src="{{ asset('build/img/prostituce.png') }}" alt="Svět prostituce na sklonku Rakouského císařství">
                            </a>
                        </div>
                </div>

            {% if new_products is not null %}
                <h2 class="mb-5">{% trans %}novinky{% endtrans %}</h2>
                <div class="shop-publications mb-5">
                    {% for product in new_products %}
                        {{ include('shop/product/_product_news_preview.html.twig', {product: product}) }}
                    {% endfor %}
                </div>
            {% endif %}
            {% if prepared_products is not null %}
                <section>
                    <h2 class="mb-5">{% trans %}pripravujeme{% endtrans %}</h2>
                    <div class="shop-publications">
                        {% for product in prepared_products %}
                            {{ include('shop/product/_product_news_preview.html.twig', {product: product}) }}
                        {% endfor %}
                    </div>
                </section>
            {% endif %}

            <section>
                <h2 class="mb-5">{% trans %}edicni.rady{% endtrans %} MUA</h2>
                {{ include('shop/category/editions.html.twig') }}
            </section>
            {# {{ knp_pagination_render(pagination) }} #}
        {% endif %}

    </div>

{% endblock %}