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

{% block scripts %}
<script>
codescene.views.analyses.systemComplexity.init({
  systemComplexityUrl: '{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/architecture/complexity-trend/stats?name={{name|urlescape}}'
});
</script>
{% endblock %}


{% block analysis-presentation %}
<h1>Architectural Component Complexity Trend</h1>
<p class="lead">
  The complexity level of your architectural components over time.<a href="{{view-context}}/docs/guides/architectural/architectural-analyses.html#complexity-trend" target="_blank" class="help-link pull-right">
    <i class="fa fa-question-circle"></i>
  </a>
</p>
{% endblock %}

{% block main-content %}
<div class="row complexity-trend">
  <div class="col-xs-12">

    <ol class="breadcrumb">
      <li>
        <a href="{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/architecture/hotspots">Architectural Hotspots</a>
      </li>
      <li>
        {{name}}
      </li>
      <li>Complexity Trend</li>
    </ol>
    <hr>
    <div class="content">
      {% 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 %}
      <h3>Complexity Growth</h3>
      <div id="trendline"></div>
      <p class="text-info"><i class="fa fa-info-circle"></i> Hover over a point to view the date.</p>
      <h3>Complexity vs. Lines of Code</h3>
      <div id='growthratio'></div>
    </div>
  </div>
</div>
{% endblock %}