{% extends "layout-snippets.html.twig" %}
{% block snippets %}
<div class="apk-snippet-faq uk-margin-large-top uk-margin-large-bottom">
<div class="uk-container apk-container-1400">
{% if editmode %}
<div class="apk-editmode">
{# Header : reprend les infos de base : le titre du block et les configurations #}
<div>
<h3>Snippet FAQ</h3>
</div>
<div>
<div><strong>Title</strong></div>
{{ pimcore_textarea("content-title",{"nl2br" : true}) }}
</div>
<hr>
<div>
<div><strong>Insert FAQ objects</strong></div>
{% for a in pimcore_block('faqObject').iterator %}
{{ pimcore_relation("faqRelation") }}
{% endfor %}
</div>
<hr>
<div class="apk-editmode--container-default">
<div><strong>Link</strong></div>
<div class="apk-editmode--pimcore-link">{{ pimcore_link("global-btn") }}</div>
</div>
</div>
{% else %}
{% if not pimcore_textarea("content-title").isEmpty() %}
<div class="uk-margin-large-bottom">
<h2 class="uk-h2">
{{ pimcore_textarea("content-title", {
"nl2br" : true})|raw }}
</h2>
</div>
{% endif %}
<div class="apk-faq-container">
<ul uk-accordion="multiple: true">
{% set n = 1 %}
{% set count = pimcore_block('faqObject').getData()|length %}
{% for a in pimcore_block('faqObject').iterator %}
{% if n == 1 %}
<li class="uk-open">
{% else %}
<li>
{% endif %}
<a class="uk-accordion-title" href="#">
<h3 class="uk-margin-remove-bottom">{{ n }}. {{ pimcore_relation("faqRelation").element.title }}</h3>
</a>
<div class="uk-accordion-content">
{{ pimcore_relation("faqRelation").element.answer|raw }}
</div>
{% if n != count %}
<hr>
{% endif %}
</li>
{% set n = n + 1 %}
{% endfor %}
</ul>
{% if not pimcore_link("global-btn").isEmpty() %}
<div class="apk-actions uk-text-center uk-margin-large-top">
{{ pimcore_link("global-btn", {
"class" : "uk-button uk-button-large"
}) }}
</div>
{% endif %}
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}