{{ form_start(form) }}
    <div class="sp_form-row__select">
        {{ form_label(form.parentRegion) }}
        {{ form_widget(form.parentRegion) }}
    </div>
    <div class="sp_form-row__text">
        {{ form_label(form.name) }}
        {{ form_widget(form.name) }}
    </div>
    <div class="sp_form-row__text">
        {{ form_label(form.slug) }}
        {{ form_widget(form.slug) }}
    </div>

    <div class="sp_form-row__radio sp_radio__layout-grid-b sp_radio__style-text">
        {{ form_label(form.isAlias, 'Is it an alias of parent region ?', {'label_attr': {'class': 'sp_radio__main-label'}}) }}
        <div class="sp_radio__container">
            {% for key, choice in form.isAlias %}
                <label class="sp_radio__input-wrapper" title="{{ choice.vars.label }}">
                    <span class="sp_radio__input-mark"></span>
                    <span class="sp_radio__input-label">{{ choice.vars.label }}</span>
                    <input name="{{ choice.vars.full_name }}" type="{{ choice.parent.vars.multiple ? 'checkbox' : 'radio' }}" value="{{ choice.vars.value }}" {% if key == 0 and choice.vars.required %}required{% endif%} {% if choice.vars.checked %}checked{% endif %}>
                </label>
            {% endfor %}
            {% do form.isAlias.setRendered %}
        </div>
    </div>
    <div class="sp_form-row__text">
        {{ form_label(form.anchor, 'Alias anchor') }}
        {{ form_widget(form.anchor) }}
    </div>

    <div class="sp_form-row__textarea">
        {{ form_label(form.description) }}
        {{ form_widget(form.description) }}
    </div>

    <div class="sp_form-row__radio sp_radio__layout-inline sp_radio__style-button">
        <div class="sp_radio__container">
            {% for key, choice in form.icon %}
                <label class="sp_radio__input-wrapper" title="{{ choice.vars.label }}">
                    <span class="sp_radio__input-icon">
                        <img src="{{ asset(choice.vars.name == 'placeholder' ? assets.img.none : assets.img.region~choice.vars.value) }}" alt="{{ choice.vars.value }}">
                    </span>
                    <input name="{{ choice.vars.full_name }}" type="radio" value="{{ choice.vars.value }}" {% if key == 0 and choice.vars.required %}required{% endif%} {% if choice.vars.checked %}checked{% endif %}>
                </label>
            {% endfor %}
            {% do form.icon.setRendered %}
        </div>
    </div>

    <div class="sp_form-row__radio sp_radio__layout-grid-b sp_radio__style-text">
        {{ form_label(form.mapBackground, 'Is region active ?', {'label_attr': {'class': 'sp_radio__main-label'}}) }}
        <div class="sp_radio__container">
            {% for key, choice in form.mapBackground %}
                <label class="sp_radio__input-wrapper" title="{{ choice.vars.label }}">
                    <span class="sp_radio__input-mark"></span>
                    <span class="sp_radio__input-label">{{ choice.vars.label }}</span>
                    <input name="{{ choice.vars.full_name }}" type="{{ choice.parent.vars.multiple ? 'checkbox' : 'radio' }}" value="{{ choice.vars.value }}" {% if key == 0 and choice.vars.required %}required{% endif%} {% if choice.vars.checked %}checked{% endif %}>
                </label>
            {% endfor %}
            {% do form.mapBackground.setRendered %}
        </div>
    </div>

    {% if route|end_with('_new') %}
        <div class="sp_form-row__text">
            {{ form_label(form.gridHeight) }}
            {{ form_widget(form.gridHeight) }}
        </div>
        <div class="sp_form-row__text">
            {{ form_label(form.gridWidth) }}
            {{ form_widget(form.gridWidth) }}
        </div>
    {% endif %}

    <div class="sp_form-row__select">
        {{ form_label(form.version) }}
        {{ form_widget(form.version) }}
    </div>
    <div class="sp_form-row__text">
        {{ form_label(form.sortOrder) }}
        {{ form_widget(form.sortOrder) }}
    </div>

    <div class="sp_form-row__radio sp_radio__layout-grid-b sp_radio__style-text">
        {{ form_label(form.isActive, 'Is region active ?', {'label_attr': {'class': 'sp_radio__main-label'}}) }}
        <div class="sp_radio__container">
            {% for key, choice in form.isActive %}
                <label class="sp_radio__input-wrapper" title="{{ choice.vars.label }}">
                    <span class="sp_radio__input-mark"></span>
                    <span class="sp_radio__input-label">{{ choice.vars.label }}</span>
                    <input name="{{ choice.vars.full_name }}" type="{{ choice.parent.vars.multiple ? 'checkbox' : 'radio' }}" value="{{ choice.vars.value }}" {% if key == 0 and choice.vars.required %}required{% endif%} {% if choice.vars.checked %}checked{% endif %}>
                </label>
            {% endfor %}
            {% do form.isActive.setRendered %}
        </div>
    </div>

    <div class="sp_form-row__button">
        <a class="sp_button" href="{{ path('bo_region_index') }}" data-type="cancel">
            <span>Cancel</span>
        </a>
        <button class="sp_button" data-type="validate" type="submit">
            <span>Save</span>
        </button>
    </div>
{{ form_end(form) }}