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

{% block scripts %}
<script>
codescene.views.analyses.systemComplexity.init({
  systemComplexityUrl: '{{system-trend-csv-file-name}}'
});
</script>
{% endblock %}

{% block analysis-presentation %}
<h1>System Trends</h1>
<p class="lead">Track the evolution of your system over time.  <a href="{{view-context}}/docs/guides/architectural/architectural-analyses.html#system-complexity-trend" target="_blank" class="help-link">
  <i class="fa fa-question-circle"></i>
  </a>
</p>
{% endblock %}

{% block main-content %}
<div class="system-complexity-view standard">
  {% include "cacsremoteservice/views/analyses/system-complexity-header.html" %}
  <h3>System Complexity Growth</h3>
  {% ifunequal complete-history "true" %}
  <div class="alert alert-warning"/>
  <strong>Analysis Scope.</strong> This complexity trend analysis shows data for the files modified since {{analysis-start-date}}.
  Read more in <a href="{{view-context}}/docs/guides/architectural/architectural-analyses.html#know-the-biases-in-system-complexity-trends">the documentation</a>.
</div>
{% endifunequal %}
  
  <div class="content">
  {% if system-trend-data-available? %}
  <div id="trendline" class="complexity-trend"></div>
  <p class="text-info"><i class="fa fa-info-circle"></i> Hover over a point in the trend to view the details.</p>
  <h3>Complexity vs. Lines of Code</h3>
  <div id="growthratio" class="complexity-trend"></div>
  {% else %}
  <div class="alert alert-warning">
    System complexity trends were not enabled for this analysis. To
    enable system complexity trends for your next analysis, go to
    the <strong>Architectural Trends Configuration</strong> section in
    the <a href="{{ view-context }}/projects/{{ project-id }}/configuration#architecture">Architecture</a>
    configuration tab of this project.
  </div>
  {% endif %}
  </div>
</div>
{% endblock %}