{% extends "/web/pages/page_base.html.twig" %}

{% block description %}{{ category.description }}{% endblock %}
{% block body %}


    {# <div class="container">
        <ul class="breadcrumbs">
            <li>
                <a href="/">Proklima</a>
            </li>

            <li>
                {% trans %}Dodavatelé{% endtrans %}
            </li>
        </ul>
    </div> #}

    {% block breadcrumbs %}
        <div class="container">
            {{ render(path('fragment_category_breadcrumbs', {'category' : category.id})) }}
        </div>
    {% endblock %}

    {# LAYOUT #}
    {% if category.categoryType.name == "Stránka" %}
        <div class="container mt-7">
            <h1>{{category.name}}</h1>

            {% if tree is defined %}
                {{ tree|raw }}
            {% endif %}
            {% if '@@FORM@@' in category.html|raw %}
                {% set content =  replaced_content|raw %}
                {% for label, messages in app.flashes(['success', 'warning']) %}
                    {% for message in messages %}
                        {% set content = content|replace({"@@FORM@@": '<div class="flash-'~label~'">
                            '~message~'
                        </div>@@FORM@@'}) %}
                    {% endfor %}
                {% endfor %}
                {% set content =  content|replace({"@@FORM@@": form(contact_form)})|raw %}
                {{ content | raw }}
            {% else %}
                {{ replaced_content|raw }}
            {% endif %}

        </div>
    {% elseif category.categoryType.name == "Formulář" %}
    <section class="bg-gray">
        <div class="container narrow">
            <ul class="breadcrumbs">
                <li>
                    <a href="#">{% trans %}Úvod{% endtrans %}</a>
                </li>
                <li>
                    <a href="#">{% trans %}Žaluzie{% endtrans %}</a>
                </li>
                <li>
                    <a href="#">{% trans %}Venkovní žaluzie{% endtrans %}</a>
                </li>
                <li>
                    {% trans %}Venkovní žaluzie Z-90 Noval{% endtrans %}
                </li>
            </ul>

            <div class="form-content">
                <h1>{{category.name}}</h1>

                {% if tree is defined %}
                {{ tree|raw }}
            {% endif %}
            {% if '@@FORM@@' in category.html|raw %}
                {% set content =  replaced_content|raw %}
                {% for label, messages in app.flashes(['success', 'warning']) %}
                    {% for message in messages %}
                        {% set content = content|replace({"@@FORM@@": '<div class="flash-'~label~'">
                            '~message~'
                        </div>@@FORM@@'}) %}
                    {% endfor %}
                {% endfor %}
                {% set content =  content|replace({"@@FORM@@": form(contact_form)})|raw %}
                {{ content | raw }}
            {% else %}
                {{ replaced_content|raw }}
            {% endif %}

            </div>
        </div>
    </section>
    {% elseif category.categoryType.name == "Volná pozice" %}
        <article class="article-detail">
            <header class="article-header">
                <h1>{{category.name}}</h1>
            </header>
            {% if tree is defined %}
                {{ tree|raw }}
            {% endif %}
            {% if '@@FORM@@' in category.html|raw %}
                {% set content =  replaced_content|raw %}
                {% for label, messages in app.flashes(['success', 'warning']) %}
                    {% for message in messages %}
                        {% set content = content|replace({"@@FORM@@": '<div class="flash-'~label~'">
                            '~message~'
                        </div>@@FORM@@'}) %}
                    {% endfor %}
                {% endfor %}
                {% set content =  content|replace({"@@FORM@@": form(contact_form)})|raw %}
                {{ content | raw }}
            {% else %}
                {{ replaced_content|raw }}
            {% endif %}
            <div class="job-info mt-10">
                <div class="job-info__col">
                    <p class="mt-0">{% trans %}Místo pracoviště{% endtrans %}</p>
                    <p class="h4 mt-2">{% trans %}Praha{% endtrans %}</p>
                </div>
                <div class="job-info__col">
                    <p class="mt-0">{% trans %}Typ úvazku{% endtrans %}</p>
                    <p class="h4 mt-2">{% trans %}Plný úvazek{% endtrans %}</p>
                </div>
                <div class="job-info__col">
                    <a href="#" class="button button--primary">{% trans %}MÁM ZÁJEM{% endtrans %}</a>
                </div>
            </div>
        </article>
    {% else %}
        <div class="container mt-7">
            <h1>{{category.name}}</h1>
        </div>

        {% if tree is defined %}
            {{ tree|raw }}
        {% endif %}
        {% if '@@FORM@@' in category.html|raw %}
            {% set content =  replaced_content|raw %}
            {% for label, messages in app.flashes(['success', 'warning']) %}
                {% for message in messages %}
                    {% set content = content|replace({"@@FORM@@": '<div class="flash-'~label~'">
                        '~message~'
                    </div>@@FORM@@'}) %}
                {% endfor %}
            {% endfor %}
            {% set content =  content|replace({"@@FORM@@": form(contact_form)})|raw %}
            {{ content | raw }}
        {% else %}
            {{ replaced_content|raw }}
        {% endif %}

    {% endif %}


{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {% if category.javascript %}
        <script type="text/javascript">
            {{ category.javascript | raw }}
        </script>
    {% endif %}
{% endblock %}