{% if editmode %}
<div class="uk-container apk-container-1400 uk-margin-medium">
<h2 class="uk-h2">Section grid</h2>
<ul uk-tab>
<li><a href="#">Configurations</a></li>
<li class="uk-active"><a href="#">Contenu</a></li>
</ul>
<ul class="uk-switcher uk-margin">
<li>
<div>Alignement en colones</div>
{{ pimcore_select("grille", {
"store" : [
['', 'Aucun'],
['uk-child-width-1-2', '2 colones'],
['uk-child-width-1-3@m', '3 colones'],
['uk-child-width-1-2@s uk-child-width-1-4@m', '4 colones'],
],
"defaultValue" : ""
}) }}
<div>Type de heading pour le titre ?</div>
{{ pimcore_select("content-heading", {
"store" : [
['h1', 'Heading 1'],
['h2', 'Heading 2'],
],
"defaultValue" : "h2"
}) }}
<div><strong>Style</strong> du heading pour le titre ?</div>
{{ pimcore_select("content-heading-style", {
"store" : [
['h1', 'Heading 1'],
['h2', 'Heading 2'],
],
"defaultValue" : "h2"
}) }}
</li>
<li class="uk-active">
<div>Grid</div>
<div class="uk-text-bold">Titre</div>
<h2>{{ pimcore_textarea("grid-title",{ "nl2br" : true}) }}</h2>
<div class="uk-text-bold">Description</div>
<p>{{ pimcore_textarea("grid-description", {"nl2br" : true})|raw }}</p>
{% for i in pimcore_block('contentblock').iterator %}
<div uk-alert>
<div>Couleur</div>
{{ pimcore_select("section-couleur", {
"store" : [
['apk-bg-darkblue', 'Fond bleu foncé'],
['apk-blue', 'Contour bleu'],
['apk-light-blue', 'Contour bleu clair'],
['apk-yellow', 'Contour jaune'],
['apk-orange', 'Contour orange'],
],
"defaultValue" : "apk-blue"
}) }}
<div class="uk-text-bold">Image</div>
{{ pimcore_image("grid-image",{ "width" : 65}) }}
<div class="uk-text-bold">Chiffres</div>
<h3>{{ pimcore_textarea("grid-numbers") }}</h3>
<div class="uk-text-bold">Sous-titre</div>
<h3>{{ pimcore_textarea("grid-subtitle") }}</h3>
<div class="uk-text-bold">Texte</div>
<p>{{ pimcore_textarea("grid-text", {"nl2br" : true})|raw }}</p>
</div>
{% endfor %}
</li>
</ul>
</div>
{% else %}
<div class="apk-container-grid-icon">
<div class="uk-container apk-container-1400">
{% if not pimcore_textarea("grid-title") is empty %}
{% if pimcore_select("content-heading").data == "span" %}
<span class="uk-{{ pimcore_select("content-heading-style").getData() }}">
{{ pimcore_textarea("grid-title", {
"nl2br" : true})|raw }}
</span>
{% else %}
{% set content_heading = pimcore_select("content-heading").getData() %}
<{{ content_heading }} class="uk-{{ pimcore_select("content-heading-style").getData() }}">
{{ pimcore_textarea("grid-title", {
"nl2br" : true})|raw }}
</{{ content_heading }}>
{% endif %}
{% endif %}
{% if not pimcore_textarea("grid-description") is empty %}
<div class="uk-container apk-container-1000">
<p class="uk-text-center uk-margin-medium-bottom">{{ pimcore_textarea("grid-description", {"nl2br" : true})|raw }}</p>
</div>
{% endif %}
<div class="{{ pimcore_select("grille")}} uk-grid-medium" uk-grid uk-height-match="target: .apk-container-height-match" uk-scrollspy="cls: uk-animation-slide-top-medium; target: .apk-animate; delay: 300; repeat: false">
{% for i in pimcore_block('contentblock').iterator %}
<div>
<div class="apk-div-grid-icon {{ pimcore_select("section-couleur") }} uk-text-center apk-animate">
{% if pimcore_image('grid-image').src %}
{{ pimcore_image("grid-image").thumbnail("grid-icons").html()|raw }}
{% endif %}
<div class="apk-container-height-match">
{% if not pimcore_textarea("grid-numbers") is empty %}
<h3>{{ pimcore_textarea("grid-numbers") }}</h3>
{% endif %}
{% if not pimcore_textarea("grid-subtitle") is empty %}
<h3 class="apk-subtitle">{{ pimcore_textarea("grid-subtitle") }}</h3>
{% endif %}
{% if not pimcore_textarea("grid-text") is empty %}
<p class="uk-margin-remove-bottom">{{ pimcore_textarea("grid-text",{ "nl2br" : true}) }}</p>
{% endif %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
{% endif %}