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

{% block scripts %}
<script>
  codescene.views.analyses.biomarkerView.init(
    document.getElementById('biomarker-view'),
    {
      projectId:     {{project-id}},
      analysisId:    {{analysis-id}},
      analysisEndTime: '{{analysis-date}}',
      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',
      viewContext: '{{ view-context }}',
      systemHealthPaths: {
          biomarkersCsv: {{ biomarkers-csv|json|safe }},
          biomarkersRecommendationsByFile: {{ biomarkers-recommendations-by-file|json|safe }},
          riskForNotesJson: {{ risks-for-notes-json|json|safe }},
      },
      viewPurpose: 'system-health-file-level'  ,
      teams: {{ teams|json|safe }}
    });
</script>
{% endblock %}



{% block analysis-presentation %}
<h1>
<span class="architectural-component-name">{{ architectural-component }}</span>: Architectural Hotspot Code Health
</h1>
<p class="lead">
  Track the health of architectural components over time and identify specific problems so that you can take action now.
  <a href="{{view-context}}/docs/guides/technical/code-health.html" target="_blank" class="help-link" id="help-text-link">
    <i class="fa fa-plus-square"></i>
  </a>
</p>
{% endblock %}

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