{% load i18n %}
{% load widget_tweaks %}
<form hx-post="{% url "allocation-assign-group-user" %}?employee={{employee}}" hx-target="#groupAssignBody" method="post">
    <div class="row">
        <div class="col-12">
            <div class="oh-label__info" style="display:ruby;" for="id_group">
                <label class="oh-label" for="id_group">{% trans "Groups" %}</label>
            </div>
            {{form.group.errors}}
            {{ form.group|add_class:"form-control oh-input" }}
        </div>
    </div>
    <input type="hidden" name="employee" value="{{employee_id}}" id="{{employee_id}}">
    <div class="d-flex flex-row-reverse">
        <button type="submit" class="oh-btn oh-btn--secondary mt-2 mr-0 pl-4 pr-5 oh-btn--w-100-resp">
          {% trans "Save" %}
        </button>
    </div>
</form>

<script>
$(document).ready(function () {
    $("#groupAssignBody").find("select").select2({
        width: '100%'
    });
});
</script>