{% set alignment = pimcore_select('alignment').getData() %}
{% set titleSemantic = pimcore_select('titleSemantic').getData() %}
{% set titleFontSize = pimcore_select('titleFontSize').getData() %}
{% set titleTextColor = pimcore_select('titleTextColor').getData() %}
{% set descriptionTextColor = pimcore_select('descriptionTextColor').getData() %}
{% set descriptionFontSize = pimcore_select('descriptionFontSize').getData() %}
{% set maxWidth = pimcore_select('maxWidth').getData() %}
{% set indent = pimcore_checkbox('indent').getData() %}
{% set break = pimcore_checkbox('break').getData() %}
<div class="{% if alignment == 'center' %} text-center m-auto {% endif %} mw-xl-{{maxWidth}} {% if alignment == 'right' %} text-end {% endif %}">
<div class="w-100 {% if indent %} mx-xl-100 {% endif %} {% if break %} w-xl-40 {% endif %}">
<{{ titleSemantic|default('h2') }} class="text-{{ titleTextColor }} {{ titleFontSize }}">
{{ pimcore_input("title",{
"width": '100%',
"placeholder": "Titolo"
}) }}
</{{ titleSemantic|default('h2') }}>
<div class="text-{{ descriptionTextColor }} {{ descriptionFontSize }}">
{{ pimcore_wysiwyg("description",{
"width": '100%',
"placeholder": "Descrizione"
}) }}
</div>
</div>
</div>