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

{% block scripts %}
<script>
codescene.views.analyses.costsTrend.initWorkTrend({
  costTrendUrl: '{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/project-management/hotspots/by-component/trend/stats?name={{name|urlescape}}',
  workTypeTrendUrl: '{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/project-management/hotspots/by-component/worktypetrend/stats?name={{name|urlescape}}',
  workItemType: '{{work-item-type}}',
  costUnit: '{{cost-unit-type}}',
  trendElement: '#worktypetrendline',
  trendElementProgress: '#costs-progress-indicator',
  costConfidenceElement: '',
  detailUrl: '{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/project-management/hotspots/by-component/details?name={{name|urlescape}}'
});
</script>
{% endblock %}

{% block analysis-presentation %}

{% endblock %}

{% block main-content %}
<div class="costs-trend-view standard">
  <div class="row">
    <div class="col-xs-12">
      <h1>Costs Trend</h1>
      <ul class="breadcrumb">
        <li>
          <a href="{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/architecture/hotspots">Architectural Hotspots</a>
        </li>
        <li>{{ name }}</li>
      </ul>
      <a class="default-button"
         href="{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/project-management/hotspots/by-component/component-costs.csv?name={{name|urlescape}}">
        <i class="fa fa-download"></i>
        Export to CSV
      </a>
    </div>
  </div>

  <div class="row">
    <div class="col-xs-12 progress-indicator">
    </div>
  </div>

  <div class="row content">
    <figure>
      <div id="worktypetrendline"></div>
      {% ifequal cost-unit-type "minutes" %} <figcaption>Duration per Work Type (Hours / Month)</figcaption> {% endifequal %}
      {% ifequal cost-unit-type "points" %} <figcaption>Duration per Work Type (Points)</figcaption> {% endifequal %}
      {% ifequal cost-unit-type "issues" %} <figcaption>Issues per Work Type</figcaption> {% endifequal %}
      {% ifequal cost-unit-type "commits" %} <figcaption>Commits per Work Type</figcaption> {% endifequal %}
      {% ifequal cost-unit-type "cycle-time-in-development" %} <figcaption>Hours in Development</figcaption> {% endifequal %}
    </figure>
  </div>
</div>
{% endblock %}