<tr class="main-row">
  <td valign="middle" class="row-check" style="padding-top: 2px;">
    {{check-box nodeId=model.id}}
  </td>

  <td data-title="{{dt.state}}" class="state">
    {{badge-state model=model}}
  </td>

  <td data-title="{{dt.name}}" class="clip">
    {{#link-to "project-istio.rule-detail" model.id}}
      {{model.displayName}}
    {{/link-to}}
    {{#if model.description}}
      <p class="text-small text-muted m-0">
        {{linkify model.description}}
      </p>
    {{/if}}
  </td>

  <td data-title="{{dt.template}}" class="clip">
    {{model.catalogTemplate.name}}
    <div class="text-small text-muted">
      <span>
        {{model.externalIdInfo.version}}
      </span>
    </div>
  </td>

  <td data-title="{{dt.host}}" class="clip">
    {{model.answers.host}}
  </td>

  <td data-title="{{dt.created}}" class="text-right pr-20">
    {{date-calendar model.created}}
  </td>

  <td data-title="{{dt.actions}}" class="actions">
    {{action-menu model=model}}
  </td>
</tr>

{{#if model.displayAnswerStrings.length}}
  <tr class="sub-row">
    <td colspan="2">{{! checkbox and expand}}</td>
    <td colspan="5">
      {{#each model.displayAnswerStrings as |label|}}
        <span class="tag-xs bg-info">{{label}}</span>
      {{/each}}
    </td>
  </tr>
{{/if}}

{{#if model.showTransitioningMessage}}
  {{error-sub-row fullColspan="7" model=model}}
{{/if}}