{% spaceless %}
{% for field in config.getElementFormFields %}

  {% if field.name is defined %}
    {% set elementValue = element.getCustomProperty(field.name) %}
  {% endif %}

  <div class="field-container field-{{field.type}} {% if field.subtype is defined %}field-{{field.subtype}}{% endif %}" id="field-{{ field.name|default('unknown-name') }}"
        {% if field.access is defined and not is_granted("ROLE_ADMIN") %}style="display:none"{% endif %}>
    {# STANDARD INPUT #}
    {% if field.type == "text" or field.type == "title" or field.type == "textarea" or field.type == "number" or field.type == "email" or field.type == "image"%}
      {% include 'element-form/form-partials/text.html.twig' %}
    {# DATE #}
    {% elseif field.type == "date" %}
       {% include 'element-form/form-partials/date.html.twig' %}
    {# SELECT #}
    {% elseif field.type == "select" %}
       {% include 'element-form/form-partials/select.html.twig' %}
    {# HEADER #}
    {% elseif field.type == "header" %}
      <h2 class="to-html">{{ field.label|raw }}</h2>
    {# PARAGRAPH #}
    {% elseif field.type == "paragraph" %}
      <p class="to-html">{{ field.label|raw }}</p>
    {# CHEKCBOX / RADIO #}
    {% elseif field.type == "checkbox" %}
      {% include 'element-form/form-partials/checkbox.html.twig' %}
    {% elseif field.type == "checkbox-group" or field.type == "radio-group" %}
      {% include 'element-form/form-partials/checkbox-radio-group.html.twig' %}
    {# TAXONOMY #}
    {% elseif field.type == "taxonomy" %}
      {% include 'element-form/form-partials/taxonomy.html.twig' %}
    {# OPENHOURS #}
    {% elseif field.type == "openhours" %}
      {% include "element-form/form-partials/open-hours.html.twig" %}
    {# IMAGES #}
    {% elseif field.type == "images" or field.type == "files" %}
      {% include "element-form/form-partials/files-images.html.twig" %}
    {# ADDRESS #}
    {% elseif field.type == "address" %}
      {% include 'element-form/form-partials/address.html.twig' %}
    {# ELEMENTS #}
    {% elseif field.type == "elements" %}
      {% include 'element-form/form-partials/elements.html.twig' %}
    {% endif %}
  </div>

  {# SEPARATOR #}
  {% if field.type == "separator" %}
    </section>
    <div class="divider"></div>
    <section>
  {% endif %}
{% endfor %}
{% endspaceless %}