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

{% block breadcrumbs %}{% endblock %}

{% set contentParts = replaced_content|split('<p>splitContent</p>') %}
{% set c_part_1 = contentParts[0] %}
{% set c_part_2 = contentParts[1] ?? '' %}

{% block content %}
    <div class="hero hero--showroom">
        {% if category.upload and category.upload.path %}
            {% set categoryImagepath = sized_image(category.upload, "") %}
            <picture>
                <source srcset="{{ categoryImagepath }}">
                <img src="{{ categoryImagepath }}" alt="Hero" class="hero__background" loading="eager">
            </picture>
        {% else %}
            <picture>
                <source srcset="/build/img/showroom.png">
                <img src="/build/img/showroom.png" alt="Hero" class="hero__background" loading="eager">
            </picture>
        {% endif %}

        <div class="hero-content hero-content--breadcrumbs">
            <div class="container">
                {{ render(path('fragment_category_breadcrumbs', {'category' : category.id})) }}
                <h1 class="mt-2 mt-lg-8">{{ category.name }}</h1>
                {{ c_part_1|raw }}
            </div>
        </div>
    </div>
    {{ c_part_2|raw }}
{% endblock %}