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

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

{% if planned-vs-unplanned-exists %}

codescene.views.analyses.costsTrend.initWorkTrend({
  workTypeTrendUrl: '{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/project-management/hotspots/system-level/planned-vs-unplanned/stats?name={{name|urlescape}}',
  workItemType: '{{work-item-type}}',
  costUnit: '{{cost-unit-type}}',
  trendElement: '#planned-vs-unplanned-trend',
  trendElementProgress: '.planned-vs-unplanned-progress-indicator',
  costConfidenceElement: '.planned-vs-unplanned-cost-confidence',
  detailUrl: '{{ view-context }}/{{ project-id}}/analyses/{{ analysis-id}}/project-management/hotspots/system-level/planned-unplanned-period',
  ticketIdUriTemplate: '{{ ticket-id-uri-template }}',
  name: ''
});

{% endif %}
</script>
{% endblock %}



{% block analysis-presentation %}
<h1>System Level Cost Trends</h1>
<p class="lead">
  Aggregated costs across the entire system.
</p>
{% endblock %}


{% block main-content %}
<div class="costs-trend-view">
  <div class="inner-header">
    <ul class="breadcrumb">
    <li>
      <a href="{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/project-management/hotspots/system-level">System Level Cost Trends</a>
    </li>
    <li>{{ name }}</li>
      <li>
        <a class="codescene-secondary-button"
           href="{{view-context}}/{{project-id}}/analyses/{{analysis-id}}/project-management/hotspots/system-level/system-costs.csv">
          Export to CSV
        </a>
      </li>
  </ul>
  </div>

  <div class="row">
    <div class="col-xs-12 progress-indicator">
    </div>
  </div>
  {% if planned-vs-unplanned-exists %}
  <h2>Costs for Planned vs Unplanned work</h2>
  <div class="row">
    <div class="col-xs-12 planned-vs-unplanned-progress-indicator">
    </div>
  </div>

  <div class="content">
    <p class="planned-vs-unplanned-cost-confidence"></p>
    <figure>
      <div id="planned-vs-unplanned-trend"></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>
  {% endif %}

  <h2>Work Type Trend</h2>
  <div>
      <p class="cost-confidence"></p>
      <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 %}