.row.enterprise_status_panel{ ng: { controller: 'indexStatusPanelCtrl' } }
  .alpha.omega.sixteen.columns
    %h4.status-ok.text-center{ ng: { show: "issues.length == 0 && warnings.length == 0" } }
      %i.icon-ok-sign
      = t('js.admin.panels.enterprise_status.status_title', name: '{{ object.name }}')

    %table{ ng: { show: "issues.length > 0 || warnings.length > 0" } }
      %thead
        %th.severity
          = t('js.admin.panels.enterprise_status.severity')
        %th.description
          = t('js.admin.panels.enterprise_status.description')
        %th.resolve
          = t('js.admin.panels.enterprise_status.resolve')
      %tr{ ng: { repeat: "issue in issues"} }
        %td.severity
          %i.icon-warning-sign.issue
        %td.description
          %span{ ng: { bind: "::issue.description" } }
        %td.resolve
          %div{ ng: { bind: { html: "issue.link" } } }
      %tr{ ng: { repeat: "warning in warnings"} }
        %td.severity
          %i.icon-warning-sign.warning
        %td.description
          %span{ ng: { bind: "::warning.description" } }
        %td.resolve
          %div{ ng: { bind: { html: "warning.link" } } }