{% set iconPos = pimcore_select('iconPos').getData() %}
{% set ctaColor = pimcore_select('ctaColor').getData() %}
{# mobile - padding #}
{% set pm = pimcore_select('pm').getData() %} {# all 4 sides #}
{% set psm = pimcore_select('psm').getData() %} {# left #}
{% set ptm = pimcore_select('ptm').getData() %} {# top #}
{% set pem = pimcore_select('pem').getData() %} {# right #}
{% set pbm = pimcore_select('pbm').getData() %} {# bottom #}
{# desktop - padding #}
{% set pd = pimcore_select('pd').getData() %}
{% set psd = pimcore_select('psd').getData() %}
{% set ptd = pimcore_select('ptd').getData() %}
{% set ped = pimcore_select('ped').getData() %}
{% set pbd = pimcore_select('pbd').getData() %}
<div class="text-center
{% if pm and pm != '' %} p-{{pm}} {% endif %}
{% if pd and pd != '' %} p-{{pd}} {% endif %}
{% if psm and psm != '' %} ps-{{psm}} {% endif %}
{% if psd and psd != '' %} ps-lg-{{psd}} {% endif %}
{% if ptm and ptm != '' %} pt-{{ptm}} {% endif %}
{% if ptd and ptd != '' %} pt-lg-{{ptd}} {% endif %}
{% if pem and pem != '' %} pe-{{pem}} {% endif %}
{% if ped and ped != '' %} pe-lg-{{ped}} {% endif %}
{% if pbm and pbm != '' %} pb-{{pbm}} {% endif %}
{% if pbd and pbd != '' %} pb-lg-{{pbd}}{% endif %}">
<h2>
{{ pimcore_input("title",{
"width": '100%',
"placeholder": "Titolo"
}) }}
</h2>
<p class="fs-25">
{{ pimcore_textarea("description",{
"width": '100%',
"placeholder": "descrizione"
}) }}
</p>
{% if editmode %}
{{ pimcore_link('link') }}
{% else %}
{% set link = pimcore_link('link') %}
<a href="{{ link.getHref() ?: '#' }}" class="link fw-bold fs-20 text-{{ ctaColor }}">{% if iconPos != "none" and iconPos =="left" %}<i class="fa fa-arrow-left-long"></i>{% endif %} {{ link.getText() }} {% if iconPos != "none" and iconPos =="right" %}<i class="fa fa-arrow-right-long"></i>{% endif %}</a>
{% endif %}
</div>