<td class="text-center">
    <div class="avatar d-block" style="background-image: url(<%- (owner && owner.avatar) || '/images/default-avatar.jpg' %>)" title="Owned by <%- (owner && owner.name) || 'a deleted user' %>">
        <span class="avatar-status <%- owner && !owner.is_disabled ? 'bg-green' : 'bg-red' %>"></span>
    </div>
</td>
<td>
    <div class="text-monospace">
        <%- incoming_port %>
    </div>
    <div class="small text-muted">
        <%- i18n('str', 'created-on', {date: formatDbDate(created_on, 'Do MMMM YYYY')}) %>
    </div>
</td>
<td>
    <div class="text-monospace"><%- forwarding_host %>:<%- forwarding_port %></div>
</td>
<td>
    <div>
        <% if (certificate) { %>
            <span class="tag"><%- i18n('streams', 'tcp+ssl') %></span>
        <% }
        else if (tcp_forwarding) { %>
            <span class="tag"><%- i18n('streams', 'tcp') %></span>
        <% }
        if (udp_forwarding) { %>
            <span class="tag"><%- i18n('streams', 'udp') %></span>
        <% } %>
    </div>
</td>
<td>
    <div><%- certificate && certificate_id ? i18n('ssl', certificate.provider) : i18n('all-hosts', 'none') %></div>
</td>
<td>
    <%
    var o = isOnline();
    if (!enabled) { %>
        <span class="status-icon bg-warning"></span> <%- i18n('str', 'disabled') %>
    <% } else if (o === true) { %>
        <span class="status-icon bg-success"></span> <%- i18n('str', 'online') %>
    <% } else if (o === false) { %>
        <span title="<%- getOfflineError() %>"><span class="status-icon bg-danger"></span> <%- i18n('str', 'offline') %></span>
    <% } else { %>
        <span class="status-icon bg-warning"></span> <%- i18n('str', 'unknown') %>
    <% } %>
</td>
<% if (canManage) { %>
<td class="text-right">
    <div class="item-action dropdown">
        <a href="#" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
        <div class="dropdown-menu dropdown-menu-right">
            <span class="dropdown-header"><%- i18n('audit-log', 'stream') %> #<%- id %></span>
            <a href="#" class="edit dropdown-item"><i class="dropdown-icon fe fe-edit"></i> <%- i18n('str', 'edit') %></a>
            <a href="#" class="able dropdown-item"><i class="dropdown-icon fe fe-power"></i> <%- i18n('str', enabled ? 'disable' : 'enable') %></a>
            <div class="dropdown-divider"></div>
            <a href="#" class="delete dropdown-item"><i class="dropdown-icon fe fe-trash-2"></i> <%- i18n('str', 'delete') %></a>
        </div>
    </div>
</td>
<% } %>