{% block two_side_multiple_select_contine_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 %}
                        <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 %}