{% if editmode %}
<div class="bg-gray-100 p-5">
{% include 'areaHeadAndFooter.html.twig' with { 'header': 'Formulare' } %}
{% include 'padding.html.twig' %}
{{ pimcore_relation("form",{
"types": ["object"]
}) }}
</div>
{% else %}
<section class="{{ pimcore_select('paddingTop') }} {{ pimcore_select('paddingBottom') }} relative bg-{{ pimcore_select('color') }}">
<div class="bg-white">
{% if pimcore_relation("form").getElement() != '' %}
<div class="vue-wrapper container flex mx-auto px-8 pt-4 ">
<FormRenderer name="{{ pimcore_relation("form").getElement().getForm() }}" object-id="{{ pimcore_relation("form").getElement().getId() }}"></FormRenderer>
</div>
{% else %}
<div class="container justify-center flex mx-auto p-8 bg-red-600 text-white text-2xl font-bold">
---> Bitte im Backend ein Formular-Objekt für diese Area auswählen! <---
</div>
{% endif %}
</div>
</section>
{% endif %}