{% extends "base.html.j2" %}

{% block page_content %}
<div class="col s12 m4">
  <h3>{{ job.title }}</h3>
  <p>{{ job.description }}</p>
  {% if job.status == 'pending' %}
    {% set status_color = 'amber' %}
  {% elif job.status =='running' %}
    {% set status_color = 'indigo' %}
  {% elif job.status =='complete' %}
    {% set status_color = 'teal' %}
  {% else %}
    {% set status_color = 'red' %}
  {% endif %}
  <p><a class="waves-effect waves-light btn {{ status_color }}">{{ job.status }}</a></p>
</div>

<div class="col s12 m8">
  <div class="card">
    <div class="card-content">
      <span class="card-title">Chronometrics</span>
      <div class="row">
        <div class="col s12 m6">
          <div class="input-field">
            <input disabled value="{{ job.creation_date }}" id="creation-date" type="text" class="validate">
            <label for="creation-date">Creation date</label>
          </div>
        </div>
        <div class="col s12 m6">
          <div class="input-field">
            <input disabled value="{{ job.end_date }}" id="end-date" type="text" class="validate">
            <label for="end-date">End date</label>
          </div>
        </div>
      </div>
      <span class="card-title">Ressource allocations</span>
      <div class="row">
        <div class="col s12 m6">
          <div class="input-field">
            <input disabled value="{{ job.mem_mb }}" id="mem-mb" type="text" class="validate">
            <label for="mem-mb">Memory</label>
          </div>
        </div>
        <div class="col s12 m6">
          <div class="input-field">
            <input disabled value="{{ job.n_cores }}" id="n-cores" type="text" class="validate">
            <label for="n-cores">CPU cores</label>
          </div>
        </div>
      </div>
      <span class="card-title">Service informations</span>
      <div class="row">
        <div class="col s12 m4">
          <div class="input-field">
            <input disabled value="{{ job.service }}" id="service" type="text" class="validate">
            <label for="service">Service</label>
          </div>
        </div>
        <div class="col s12 m4">
          <div class="input-field">
            <input disabled value="{{ job.service_args|escape }}" id="service-args" type="text" class="validate">
            <label for="service-args">Service arguments</label>
          </div>
        </div>
        <div class="col s12 m4">
          <div class="input-field">
            <input disabled value="{{ job.service_version }}" id="service-version" type="text" class="validate">
            <label for="service-version">Service version</label>
          </div>
        </div>
      </div>
      <p>
      {% for file in input_files %}
        <a href="file://{{ input_files[file] }}" class="waves-effect waves-light btn-small">
          <i class="material-icons left">file_download</i>{{ file }}
        </a>
      {% endfor %}
      </p>

      <p>&nbsp;</p>

      <span class="card-title">Results</span>
      <p>
      {% for file in output_files %}
        <a href="file://{{ output_files[file] }}" class="waves-effect waves-light btn-small">
          <i class="material-icons left">file_download</i>{{ file }}
        </a>
      {% endfor %}
      </p>
  </div>
</div>

{% endblock %}