{{ form_row(form.label) }}
{{ form_row(form.url) }}

{% if form.position is defined %}
    {{ form_row(form.position) }}
{% endif %}

<div class="accordion mb-3" id="node-page-action">
    <div class="card">
        {% set action = form.pageAction[0] %}
        {% set options = not entity.id ? {'attr': {'checked': 'checked'}} : {} %}

        <div class="card-header p-0">
            <h2 class="mb-0">
                <label class="btn btn-link btn-block text-left"
                    for="{{ action.vars.id }}"
                    data-toggle="collapse"
                    data-target="#form-node-page-action-new">
                    {{ action.vars.label }}
                </label>

                <div class="d-none">
                    {{ form_row(action, options) }}
                </div>
            </h2>
        </div>
        <div id="form-node-page-action-new" class="collapse {% if not entity.id %}show{% endif %}" data-parent="#node-page-action">
            <div class="card-body">
                {{ form_row(form.pageType) }}
            </div>
        </div>
    </div>
    <div class="card">
        {% set action = form.pageAction[1] %}

        <div class="card-header p-0">
            <h2 class="mb-0">
                <label class="btn btn-link btn-block text-left"
                    for="{{ action.vars.id }}"
                    data-toggle="collapse"
                    data-target="#form-node-page-action-existing">
                    {{ action.vars.label }}
                </label>

                <div class="d-none">
                    {{ form_row(action) }}
                </div>
            </h2>
        </div>
        <div id="form-node-page-action-existing" class="collapse" data-parent="#node-page-action">
            <div class="card-body">
                {{ form_row(form.pageEntity) }}
            </div>
        </div>
    </div>
    <div class="card">
        {% set action = form.pageAction[2] %}

        <div class="card-header p-0">
            <h2 class="mb-0">
                <label class="btn btn-link btn-block text-left"
                    for="{{ action.vars.id }}"
                    data-toggle="collapse"
                    data-target="#form-node-page-action-none">
                    {{ action.vars.label }}
                </label>

                <div class="d-none">
                    {{ form_row(action) }}
                </div>
            </h2>
        </div>
        <div id="form-node-page-action-none" class="collapse" data-parent="#node-page-action">
            <div class="card-body">
                Aucune action
            </div>
        </div>
    </div>

    {% if entity.id %}
        <div class="card">
            {% set action = form.pageAction[3] %}
            {% set options = {'attr': {'checked': 'checked'}} %}

            <div class="card-header p-0">
                <h2 class="mb-0">
                    <label class="btn btn-link btn-block text-left"
                        for="{{ action.vars.id }}"
                        data-toggle="collapse"
                        data-target="#form-node-page-action-keep">
                        {{ action.vars.label }}
                    </label>

                    <div class="d-none">
                        {{ form_row(action, options) }}
                    </div>
                </h2>
            </div>
            <div id="form-node-page-action-keep" class="collapse show" data-parent="#node-page-action">
                <div class="card-body">
                    Aucune action
                </div>
            </div>
        </div>
    {% endif %}
</div>

{{ form_rest(form) }}