{% extends "cacsremoteservice/views/layouts/analysis-view.html" %}


{% block analysis-presentation %}
<h1 class="view-title">System Health Monitoring</h1>
{% endblock %}

{% block main-content %}
<div class="analysis-dashboard-view standard">
  {% if system-health-scores|not-empty %}
  <div class="system-health-container">
    {% include "cacsremoteservice/views/partials/system-health-dashboard-content.html" %}
  </div>
  {% else %}
  <div class="system-health-container no-architectural">
    <h3>Architectural monitoring</h3>
    {% if has-architectural-components? %}
    <div class="main-warning">
      You have configured architectural components, but you need to
      run an analysis before they can be applied to your code.
    </div>
    {% else %}
    <div class="main-warning">
        Unavailable. Configure architectural components to enable.
      </div>
      <div class="click-to-configure">
        <div class="configure-text">Click to configure</div>
        <img src="/imgs/downarrow.svg" class="down-arrow"/>
        <div class="configure-link">
          <a class="alert-link" href="/projects/{{ project-id }}/configuration#architecture">
            <i class="fa fa-cog"></i>
          </a>
        </div>
      </div>
      {% endif %}
  </div>
  {% endif %}
</div>
{% endblock %}