{% block two_side_widget %}
    <div class="row">

        <div class="col-xs-5">
            <select class="js-multiselectuser form-control" id="js_multiselect_touser_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="js_right_Alluser_1" class="btn btn-block"><i class="glyphicon glyphicon-forward"></i></button>
            <button type="button" id="js_right_Selecteduser_1" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button>
            <button type="button" id="js_left_Selecteduser_1" class="btn btn-block"><i class="glyphicon glyphicon-chevron-left"></i></button>
            <button type="button" id="js_left_Alluser_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="js_multiselect_touser_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 %}