{% trans_default_domain "admin" %}

{% if config.form is not empty %}
  {{ form_start(config.form) }}
  {{ form_errors(config.form) }}

  {% if config.form.vars.grouping is defined and config.form.vars.grouping is not empty %}
    {% for label, groups in config.form.vars.grouping %}
      {% set isLast = (loop.index == config.form.vars.grouping|length) %}
      <div class="panel">
        <div class="panel-heading">
          <h4 class="panel-title">{{ label|trans }}</h4>
        </div>
        <div class="panel-body">
          {% for child in groups %}
            <div class="form-group">
              {{ form_errors(attribute(config.form, child)) }}
              <span class="mar-rgt--small">
                 <input class="magic-checkbox js-bulk-edit-field" type="checkbox">
              </span>

              {{ form_label(attribute(config.form, child)) }}
              {{ form_widget(attribute(config.form, child)) }}
            </div>
          {% endfor %}

          {{ form_rest(config.form) }}
        </div>
        {% if isLast %}
          <div class="panel-footer text-right">
            <button id="submit" type="submit" class="btn btn-success">
              <i class="fa fa-circle-o-notch fa-spin mar-rgt hidden js-spinner"></i>
              {% trans %}admin.form.submit{% endtrans %}
            </button>
          </div>
        {% endif %}
      </div>
    {% endfor %}
  {% else %}
    <div class="panel">
      <div class="panel-body">

        {# Determine if its necessary to add the checkbox, if we only have 1 element we shouldn't bother #}
        {% set addCheckbox = true %}
        {% if config.form.children._token is defined %}
          {% set addCheckbox = config.form.children|length > 2 %}
        {% else %}
          {% set addCheckbox = config.form.children > 1 %}
        {% endif %}

        {% for child in config.form.children %}
          {% if child.vars.name != '_token' %}
            <div class="form-group">
              {{ form_errors(child) }}

              {% if addCheckbox %}
                <span class="mar-rgt--small">
                  <input class="magic-checkbox js-bulk-edit-field" type="checkbox">
                </span>
              {% endif %}

              {{ form_label(child) }}
              {{ form_widget(child) }}
            </div>
          {% else %}
            {{ form_row(child) }}
          {% endif %}
        {% endfor %}
      </div>
      <div class="panel-footer text-right">
        <button id="submit" type="submit" class="btn btn-success">
          <i class="fa fa-circle-o-notch fa-spin mar-rgt hidden js-spinner"></i>
          {% trans %}admin.form.submit{% endtrans %}
        </button>
      </div>
    </div>
  {% endif %}

  {{ form_end(config.form) }}
{% endif %}