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

{% block scripts %}
<script>
  {% if feature-flags.engineering-recommendations %}
  codescene.views.projects.engineeringRecommendationDetails.init({
    mountPoint: document.getElementById('eng-recommendation')});
  {% endif %}
  codescene.views.analyses.biomarkerView.init(
    document.getElementById('biomarker-view'),
    {
      projectId:     {{project-id}},
      analysisId:    {{analysis-id}},
      analysisEndTime: '{{analysis-date}}',
      viewPurpose: 'hotspots-declining',
      supportedXRayExtensions: [{% for x in supported-x-ray-extensions %}"{{x}}" ,{% endfor %}],
      userPrivileges: [{% for privilege in user-privileges %}"{{privilege}}" ,{% endfor %}],
      lastAnalysis: {{ latest-analysis? }},
      docUrl: '{{ view-context }}/docs/guides/technical/augmented-analysis.html',
      product: 'enterprise',
      {% if feature-flags.bulk-goal-creation %}enableAddingMultipleGoals: true,{% endif %} 
      viewContext: '{{ view-context }}',
      teams: {{ teams|json|safe }}
  });
</script>
{% endblock %}

{% block analysis-presentation %}
<h1>Code Health Decline</h1>
<p class="lead">
  Detect emerging problems early so you can take action before costs increase.<a href="{{view-context}}/docs/guides/technical/code-health.html" target="_blank" class="help-link">
        <i class="fa fa-question-circle"></i>
      </a>
</p>
<div id="eng-recommendation">
  <div class="alert alert-warning">
    <strong>Act on the Code Health decline.</strong>
    CodeScene detects that the following files are declining in health. These trends are expensive to reverse
    unless acted upon early. <br />We suggest that you <a href='{{view-context}}/docs/guides/technical/augmented-analysis.html'>plan a goal</a>
    for each of the files below.
  </div>
</div>
{% endblock %}

{% block main-content %}
<div class="code-biomarkers-view">
  <div id="biomarker-view">
  </div>
</div>
{% endblock %}