.user-avatar(class!="<% if (isIocaine) { %> is-iocaine <% }; %>")
    img(src!="<%- photo %>", alt!="<%- fullName %>")
    <% if (isIocaine) { %>
    .iocaine-symbol(title="{{ 'TASK.TITLE_ACTION_IOCAINE' | translate }}")
        svg.icon.icon-iocaine
            use(xlink:href="#icon-iocaine")
    <% }; %>

.assigned-to
    <% if (isUnassigned) { %>
    .assigned-title {{ "COMMON.ASSIGNED_TO.NOT_ASSIGNED" | translate }}
    <% } else { %>
    .assigned-title {{ "COMMON.FIELDS.ASSIGNED_TO" | translate }}
    <% }; %>

    .assigned-to-options
        a(
            href=""
            title="{{ 'COMMON.ASSIGNED_TO.TITLE_ACTION_EDIT_ASSIGNMENT'|translate }}"
            class!="user-assigned <% if (isEditable) { %>editable<% }; %>"
        )
            span.assigned-name
                <% if (fullNameVisible) { %>
                <%- fullName %>
                <% }; %>
                <% if (isEditable && !isUnassigned) { %>
                svg.icon.icon-arrow-down
                    use(xlink:href="#icon-arrow-down")
                <% }; %>

        <% if (isEditable && isUnassigned) { %>
        span(translate="COMMON.OR")
        | &nbsp;
        a.assign-to-me(
            href="#"
            title="{{'COMMON.ASSIGNED_TO.SELF' | translate}}"
        )
            span {{ "COMMON.ASSIGNED_TO.SELF" | translate }}
        <% }; %>

    <% if (isEditable && !isUnassigned) { %>
    svg.icon.icon-close.remove-user(
        href=""
        title="{{'COMMON.ASSIGNED_TO.DELETE_ASSIGNMENT' | translate}}"
    )
        use(xlink:href="#icon-close")
    <% } %>