{% extends 'layout/default.html.twig' %}
{% block contentBlock %}
<div class="staticPage">
<div class="container my-5 my-lg-5 my-md-5">
<div class="row">
<div class="col-lg-3">
<h4 class="font-weight-bold text-uppercase">{{ pimcore_input('staticPage--heading',{placeholder: 'Heading...'}) }}</h4>
{% include 'document/static_page/sidebar/sidebar.html.twig' %}
</div>
<div class="col-lg-6">
<div class="mb-4 mb-lg-4 mb-md-4">
<h1 class="font-italic font-weight-bold">
{{ pimcore_input('heading',{
"height": 150,
"placeholder": "Heading"
})
}}
</h1>
</div>
<div class="row">
{% for i in pimcore_iterate_block(pimcore_block('contentblock', {class: 'col-lg-12 py-4 py-lg-4 py-md-4'})) %}
{% if not editmode %}
<div class="col-lg-12 py-4 py-lg-4 py-md-4 border-bottom border-2 border-lightGray">
{% endif %}
<div class="d-flex align-items-center">
<h3 class="font-weight-bold mb-0" style="max-width: 90%;">
{{ pimcore_input('faq-question' ~ i,{
"height": 150,
"placeholder": "Question..."
})
}}
</h3>
<a class="collapse-close ml-auto collapsed" data-toggle="collapse" href="#faqCollapse-{{ i }}" role="button" aria-expanded="false" aria-controls="faqCollapse">
</a>
</div>
<div class="row collapse mt-2 mt-lg-2 mt-md-2" id="faqCollapse-{{ i }}">
<div class="col-lg-12 text-deepGray">
{{ pimcore_wysiwyg('faq-answer' ~ i,{
"height": 100,
"placeholder": "Answer..."
}) }}
</div>
{% if editmode %}
<div class="col-lg-12">
{% endif %}
{% for i in pimcore_iterate_block(pimcore_block('videoBlock', {class: 'faq-video-wrapper row'})) %}
{% if not editmode %}
<div class="col-lg-6">
{% endif %}
{{ pimcore_video('campaignVideo' ~ i) }}
{% if not editmode %}
</div>
{% endif %}
{% endfor %}
{% if editmode %}
</div>
{% endif %}
</div>
{% if not editmode %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
{% endblock %}