{% set hideMediaOnMobile = pimcore_checkbox('hideMediaOnMobile').getData() %}
{% set showRentalFormButton = pimcore_checkbox('showRentalFormButton').getData() %}
{% set showRentalFormButtonColor = pimcore_select('showRentalFormButtonColor').getData() %}
{% set showCustomButtonComment = pimcore_checkbox('showCustomButtonComment').getData() %}
{% set customButtonComment = pimcore_input('customButtonComment').getData() %}
<div class="container grid justify-center grid-cols-1 gap-6 mx-auto text-base md:text-lg md:grid-cols-2">
{# Defined as param or EditableDialog field #}
{% set inverted = inverted ?? pimcore_select('inverted').data %}
<div class="order-2 md:flex md:items-center lg:pl-16
{{ inverted ? 'md:order-2 lg:pl-16' : 'md:order-1 lg:pr-16' }}
{{ hideMediaOnMobile ? 'pt-4 md:pt-0' : '' }}
">
<div>
{% include 'areas/content-brick/partials/_headline.html.twig' %}
{% include 'areas/content-brick/partials/_title.html.twig' %}
{% include 'areas/content-brick/partials/_wysiwyg.html.twig' %}
{% include 'areas/content-brick/partials/_usps.html.twig' %}
{% include 'areas/content-brick/partials/_form-builder.html.twig' with {
'fieldName' : 'formbuilder-select_text-gallery' }
%}
{% include 'areas/content-brick/partials/_buttons.html.twig' with {
product: product ?? null,
productCategory: productCategory ?? null,
showRentalFormButton: showRentalFormButton ?? null,
showRentalFormButtonColor: showRentalFormButtonColor ?? null,
greenButton: true,
showCustomButtonComment: showCustomButtonComment ?? null,
buttonComment: customButtonComment !== '' ? customButtonComment : 'Binnen één dag vrijblijvend een offerte'|trans
} %}
</div>
</div>
<div class="order-1
{{ inverted ? 'md:order-1' : 'md:order-2' }}
{{ hideMediaOnMobile ? 'hidden md:block' : '' }}
">
{% include 'areas/content-brick/partials/_gallery.html.twig' %}
</div>
</div>