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


{% block secondary-nav %}
{% include "cacsremoteservice/views/projects/project-header.html" with project=item tabs=tabs %}
{% endblock %}

{% block scripts %}
<script>
 codescene.views.duration.init({tableElement: '.project-analysis-duration'});
</script>
{% endblock %}

{% block main %}
<div id="page-body">
  <div class="projects-analysis-duration-view">

    {% if duration-statistics|empty? %}
    <p class="text-muted">This project has no analysis timing date. Re-run the analysis to generate the information.</p>
    {% else %}
    <div class="text-content">
      <h2>Detailed Analysis Duration</h2>
      <p class="lead text-muted">
        The following table specifies the duration of each main step in the analysis.
        Use this information to track down performance bottlenecks in the analysis pipeline.
      </p>
    </div>

    <div class="col-xs-6 text-right">

      <a class="default-button" href="{{ view-context }}/projects/{{ item.id }}/analyses/{{ analysis-id }}/duration-details.csv">
        <i class="fa fa-download"></i>
        Export to CSV
      </a>
    </div>

    <table class="table table-striped project-analysis-duration">
      <thead>
      <tr>
        <th>Analysis Step</th>
        <th class="column-duration">Duration (Seconds)</th>
        <th class="column-duration">Duration (msecs)</th>
      </tr>
      </thead>
      <tbody>
      {% for d in duration-statistics %}
      <tr role="row">
        <td>{{d.step}}</td>
        <td class="column-duration">{{d.durationsecs}}</td>
        <td class="column-duration">{{d.duration}}</td>
      </tr>
      {% endfor %}
      </tbody>
    </table>
    {% endif %}
  </div>
</div>
{% endblock %}