{% load static %}
{% block transfer_role_modal %}

    <div class="modal fade" id="modalTransferRoles" role="dialog">
        <div class="modal-dialog modal-dialog-centered">

            <div class="modal-content">
                <div class="modal-header">
                    <h6 id="hTransferRolesModalTitle" class="modal-title"> </h6>
                    <button type="button" class="btn-close size-10" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <label class="grey-text size-12 mb-2"> {{ desc_users_transfer_role }} </label>

                    <div class="d-inline grey-text size-12 mb-2 py-2 align-items-center">
                        <label class="bold-600 mb-2"> {{ det_assign_to }}: </label>
                        <select id="sltTransferUser" class="form-select form-control grey-text size-12"></select>
                    </div>

                    <label class="grey-text semi-bold mt-3 pt-2">
                        <span class="text-uppercase"> {{ ttl_warning }}: </span>
                        <span> {{ desc_users_delete_warning }} </span>
                    </label>
                </div>
                <div class="modal-footer d-flex justify-content-start">
                    <button id="btnTransferRolesModal" type="button" class="plain-btn" data-bs-dismiss="modal"> {{ ins_transfer_roles_and_delete_user }} </button>
                    <button type="button" class="standard-btn px-3" data-bs-dismiss="modal"> {{ ins_cancel }} </button>
                </div>
            </div>

        </div>
    </div>

{% endblock %}