{% extends "cacsremoteservice/views/layouts/master.html" %}

{% block site-nav %}
{% include "cacsremoteservice/views/partials/site-nav.html" with active="configuration" %}
{% endblock %}

{% block scripts %}
<script>
 codescene.views.configurations.project_usage.init({tableElement: '#project-usage-activity-table'});
</script>
{% endblock %}

{% block main %}

{% include "cacsremoteservice/views/configuration/config-header.html" with configuration-tabs=configuration-tabs %}

<div id="page-body" class="configuration-view">
  <div class="text-content">
    <h1>Project Usage Activity</h1>
    <p class="lead text-muted">
      Check the last time a specific project was accessed. This information is typically used to purge inactive projects.
    </p>

    <div class="row">
      <div class="col-xs-6">
        <form action="{{view-context}}/configuration/project-usage"
              method="POST">
          <div>
            <button class="default-button" type="submit">
              Update
            </button>
          </div>
        </form>

      </div>

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

        <a class="default-button secondary" href="{{view-context}}/configuration/project-usage/project_usage_activity.csv">
          <i class="fa fa-download"></i>
          Export to CSV
        </a>
      </div>

    </div>

    <div class="project-usage-activity-view">
      <table class="table table-striped table-hover"
             id="project-usage-activity-table">
        <thead>
        <tr>
          <th>Project</th>
          <th>Time of Last Access</th>
          <th>Number of Active Authors</th>
          <th>Analysis Project Owner</th>
          <th>Duration of last Analysis</th>
        </tr>
        </thead>
        <tbody>

        {% for p in access-by-project %}
        <tr>
          <td>{{p.name}}</td>
          <td>{{p.last-access-time-string}}</td>
          <td>{{p.active-authors}}</td>
          <td>{{p.project-owner}}</td>
          <td>{{p.duration}}</td>
        </tr>
        {% endfor %}

        </tbody>
      </table>
    </div>
  </div>
</div>



{% endblock %}