{% block two_side_multiple_select_widget %}

    <div class="row">
        <div class="col-xs-5">

            <select class="{{ form.vars.id }}_js-multiselect form-control" id="{{ form.vars.id }}_js_multiselect_to_0" size="8" multiple="multiple" data-sonata-select2="false">
                {% for choice in form.vars.choices %}

                    {% if  ( choice.value not in form.vars.value )   %}
{#                    {% if  ( choice.value not in form.vars.value ) and (choice.value.anneeScolaire == app.session.get('_anneeScolaire'))  %}#}
                        <option value="{{ choice.value }}">{{ choice.label }}</option>
                    {% endif %}
                {% endfor %}
            </select>
        </div>

        <div class="col-xs-2">
            <button type="button" id="{{ form.vars.id }}_js_right_All_1" class="btn btn-block"><i class="glyphicon glyphicon-forward"></i></button>
            <button type="button" id="{{ form.vars.id }}_js_right_Selected_1" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>
            <button type="button" id="{{ form.vars.id }}_js_left_Selected_1" class="btn btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>
            <button type="button" id="{{ form.vars.id }}_js_left_All_1" class="btn btn-block"><i class="glyphicon glyphicon-backward"></i></button>
        </div>

        <div class="col-xs-5">
            <select name="{{ form.vars.full_name }}" id="{{ form.vars.id }}_js_multiselect_to_1" class="form-control" size="8" multiple="multiple" data-sonata-select2="false">
                {% for choice in form.vars.choices %}
                    {% if choice.value in form.vars.value %}
                        <option value="{{ choice.value }}">{{ choice.label }}</option>
                    {% endif %}
                {% endfor %}
            </select>
        </div>
    </div>
{% endblock %}