<tr class="<%= true === at.isAccessible() && true === at.isInGroup( a.getTeamId() ) ? 'clickable' : '' %>"
    <%= true === at.isAccessible() && true === at.isInGroup( a.getTeamId() ) ? 'data-type=profile-link' : '' %>
    data-profile-id="<%= at.getId() %>">
    <td>
        <img class="img-fluid rounded-circle profile-image-table img-thumbnail"
             src="<%= at.getProfileImg( a.getTeamId() ) %>">
    </td>
    <td class="align-middle">
        <div>
            <%=raw at.getName( a.getTeamId() ) %>
            <% if ( childProfile ) {    %>
                &nbsp;<small>[<%=raw at.getChildProfileHtmlTagById( childProfile.id ) %>]</small>
            <% }    %>
        </div>
        <% if ( a.hasStarted() ) {  %>
            <div class="appointment-original-status">
                <small>
                    <%= _lc( 'ATTENDANCE' ) %>
                    <% if ( 'accepted' === a.getAttendeeStatusForProfileId( at.getId() ) ) {  %>
                        (<%= _lc( 'WITH_ACCEPTED_FEEDBACK' ) %>)
                    <% } else { %>
                        (<%= _lc( 'WITHOUT_ACCEPTED_FEEDBACK' ) %>)
                    <% }    %>
                </small>
            </div>
        <% } else { %>
            <div class="appointment-original-status">
            </div>
         <% }    %>
    </td>
    <td class="align-middle">
        <% if ( true === at.isAccessible() ) {   %>
            <i class="fas fa-chevron-right"></i>
        <% } else { %>
            &nbsp;
        <% }    %>
    </td>
</tr>