{% extends 'web/base.html.twig' %}
{% block description %}{{ category.description }}{% endblock %}
{% block body %}
<section class="mt-0">
<div class="container">
{% block breadcrumbs %}
{{ render(path('fragment_category_breadcrumbs', {'category' : category.id})) }}
{% endblock %}
<h1>{{ category.name|raw }}</h1>
{{ category.html|raw }}
{% block products %}
{% if products|length > 0 %}
{{ include('/shop/product/_product_tiles.html.twig', {products: products}) }}
{% endif %}
{% endblock %}
{% block cta %}
{% set files = get_category_related_files(category) %}
<div class="help-box mt-6">
<div class="help-box__text">
<h2 class="help-box__heading h4">{% trans %}Potřebujete pomoci s výběrem?{% endtrans %}</h2>
</div>
<div class="help-box__buttons">
<a href="/kontakt" class="button button--primary">{% trans %}Kontaktujte našeho obchodníka{% endtrans %}</a>
{% if files %}
{% for file in files %}
<a href="{{ file.path }}" target="_blank" class="button button--tertialy">
<svg>
<use href="/build/svg/_icons.svg#file"></use>
</svg>
{{ file.name}}
({{ file.extension|upper }})</a>
{% endfor %}
{% endif %}
</div>
</div>
{% endblock %}
{% set benefitSections = get_information_blocks(category,1,6) %}
{% if benefitSections|length > 0 %}
{% for benefitSection in benefitSections %}
{{ benefitSection.text|raw }}
{% endfor %}
{% endif %}
{% set placementSections = get_information_blocks(category,1,7) %}
{% if placementSections|length > 0 %}
{% for placementSection in placementSections %}
{{ placementSection.text|raw }}
{% endfor %}
{% endif %}
{% block installationOptions %}
{% set placementSections = get_information_blocks(category,1,7) %}
{% if placementSections|length > 0 %}
{% for placementSection in placementSections %}
{{ placementSection.text|raw }}
{% endfor %}
{% endif %}
{% endblock %}
{% block faq %}
{% set faqs = get_information_blocks(category,1,2) %}
{% if faqs|length > 0 %}
<section>
<div class="container">
<h2>{% trans %}Často kladené otázky klientů{% endtrans %}</h2>
{% for faq in faqs %}
<details class="accordion {% if loop.first %}mt-big{% endif %}">
<summary class="accordion__summary">
<h3>{{ faq.title }}</h3>
</summary>
<div class="accordion__content">
{{ faq.text|raw }}
</div>
</details>
{% endfor %}
</div>
</section>
{% endif %}
{% endblock %}
{% set otherProductTypeSections = get_information_blocks(category,1,8) %}
{% if otherProductTypeSections|length > 0 %}
{% for otherProductTypeSection in otherProductTypeSections %}
{{ otherProductTypeSection.text|raw }}
{% endfor %}
{% endif %}
{% block inspiration %}
{% set otherCategoryTypeSections = get_information_blocks(category,1,9) %}
{% if otherCategoryTypeSections|length > 0 %}
{% for otherCategoryTypeSection in otherCategoryTypeSections %}
{{ otherCategoryTypeSection.text|raw }}
{% endfor %}
{% endif %}
{% endblock %}
{# {% block installationOptions %}
<section>
<div class="container">
<h2>{% trans %}Možnosti umístění{% endtrans %}</h2>
<div class="grid grid--2 gap-4 mt-7">
<div class="basic-box d-flex align-items-start gap-4">
<img src="/build/img/zaluzie-s-krytem-accordion.png" alt="S krytem z hliníkového plechu" width="190" height="190">
<div>
<h4>S krytem z hliníkového plechu</h4>
<p>Hliníkový krycí plech zakrývá horní nosič i svazek lamel a při vytažení
<strong>venkovní žaluzie</strong> je chrání před povětrnostními vlivy, barvu lze sladit s barvou žaluzií nebo fasády.</p>
</div>
</div>
<div class="basic-box d-flex align-items-start gap-4">
<img src="/build/img/zaluzie-nadoken-accordion.png" alt="V samonosném provedení COMFORT systém" width="190" height="190">
<div>
<h4>V samonosném provedení COMFORT systém</h4>
<p>Používá se tam, kde není možnost na budovu uchytit horní nosič,
<strong>předokenní žaluzie</strong>
je v tomto případě kotvena pouze přes vodící lišty do ostění.</p>
</div>
</div>
<div class="basic-box d-flex align-items-start gap-4">
<img src="/build/img/zaluzie-schranka-accordion.png" alt="V podomítkové schránce" width="190" height="190">
<div>
<h4>V podomítkové schránce</h4>
<p>Schránka s
<strong>hliníkovou žaluzií</strong>
je určena pro zaomítání a není na fasádě budovy vidět. V naší nabídce je více typů schránek.</p>
</div>
</div>
<div class="basic-box d-flex align-items-start gap-4">
<img src="/build/img/zaluzie-nadoken-accordion.png" alt="V nadokenním překladu HELUZ" width="190" height="190">
<div>
<h4>V nadokenním překladu HELUZ</h4>
<p>Speciální stavební překlad určený pro umístění
<strong>venkovní stínicí techniky</strong>
slouží jako standardní nosný překlad.
<strong>Horizontální žaluzie</strong>
do nich lze montovat i po dokončení stavby.</p>
</div>
</div>
</div>
</div>
</section>
{% endblock %} #}
{# <section>
<div class="container">
<h2>Další typy žaluzií</h2>
<div class="grid grid--3 mt-6">
<a href="#" class="type-tile">
<img src="/build/img/catalogue-category1.jpg" alt="">
Elektrické žaluzie
</a>
<a href="#" class="type-tile">
<img src="/build/img/catalogue-category1.jpg" alt="">
Elektrické žaluzie
</a>
<a href="#" class="type-tile">
<img src="/build/img/catalogue-category1.jpg" alt="">
Elektrické žaluzie
</a>
</div>
</div>
</section> #}
{# {% block inspiration %}
<section>
<div class="container">
<h2>{% trans %}Další typy venkovního stínění{% endtrans %}</h2>
<div class="tiles mt-4">
<a href="/screenove-rolety_c" class="category-tile">
<div class="category-tile__image-wrap">
<img src="/uploads/images/screenove-rolety-66fcfc144c017.jpg" alt="Screenové rolety" class="category-tile__image">
</div>
<div class="category-tile-content">
<h3 class="category-tile__title">Screenové rolety</h3>
</div>
</a>
<a href="/markyzy_c" class="category-tile">
<div class="category-tile__image-wrap">
<img src="/uploads/images/markyzy-66fcfbd049f3e.jpg" alt="Markýzy" class="category-tile__image">
</div>
<div class="category-tile-content">
<h3 class="category-tile__title">Markýzy</h3>
</div>
</a>
<a href="/pergoly-a-stineni-zimnich-zahrad_c" class="category-tile">
<div class="category-tile__image-wrap">
<img src="/uploads/images/pergoly-a-stineni-zimnich-zahrad-66fcfc24d0a8e.jpg" alt="Pergoly a stínění zimních zahrad" class="category-tile__image">
</div>
<div class="category-tile-content">
<h3 class="category-tile__title">Pergoly a stínění zimních zahrad</h3>
</div>
</a>
</div>
</div>
</section>
{% endblock %} #}
</div>
</section>
{% endblock %}