{% extends "common/base.html" %}
{% load common_tags %}
{% load static %}


{% block content %}
<div class="row">

  <div class="col-lg-6 mt-2">
    <h2><a href="{% url 'project-list' %}">Projects &raquo;</a></h2>
    <hr>

    {% if project_list %}
      <ul class="list-group">
        {% for project in project_list %}
          <li class="list-group-item">
            <a href="{% url 'project-detail' project.pk %}"><i class="fa fa-folder fa-lg" aria-hidden="true"></i> {{project.title}}</a>
            {% if project.needs_review %}
              <a href="{% url 'project-review' project.pk %}"><span class="badge bg-warning">Needs Review</span></a>
            {% endif %}
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <div class="alert alert-info" role="alert"><i class="fa fa-info-circle" aria-hidden="true"></i> There are no projects to display.</div>
      {% if user.userprofile.is_pi or user.is_superuser %}
          <div class="d-grid gap-2">
            <a class="btn btn-primary" href="{% url 'project-create' %}" role="button">Add a project</a>
          </div>
        <hr>
      {% endif %}
    {% endif %}
  </div>

  <div class="col-lg-6 mt-2">
    <h2><a href="{% url 'allocation-list' %}">Allocations &raquo;</a></h2>
    <hr>

    {% if allocation_list %}
      <table class="table">
        <thead>
          <tr>
            <th scope="col">Project</th>
            <th scope="col">Resource</th>
            <th scope="col">Status</th>

          </tr>
        </thead>
        <tbody>
          {% for allocation in allocation_list %}
          <tr>
            <td>{{allocation.project.title}}</td>
            <td>{{allocation.get_parent_resource}}
            {% if allocation.get_parent_resource.get_ondemand_status == 'Yes' and ondemand_url %}
              <a href="{{ondemand_url}}"> {% load static %}  <img src="{% static 'common/images/ondemand.png' %}" alt="ondemand cta" width="25" height="25"></a>
            {% endif %}
            </td>
            {%  if allocation.status.name == "Expired" and allocation.expires_in < 0 %}
            <td><div class="d-grid gap-2"><a href="{% url 'allocation-detail' allocation.id %}" class="btn btn-danger">Expired</a></div></td>
            {%  elif allocation.status.name == "Renewal Requested" %}
            <td><div class="d-grid gap-2"><a href="{% url 'allocation-detail' allocation.id %}" class="btn btn-danger">Renewal Requested</a></div></td>
            {%  elif allocation.expires_in >= 0 and  allocation.expires_in <= 30 %}
            <td><div class="d-grid gap-2"><a href="{% url 'allocation-detail' allocation.id %}" class="btn btn-danger">Expires in <span class="badge bg-dark">{{allocation.expires_in}}</span> day{{allocation.expires_in|pluralize }}</a></div></td>
            {% elif allocation.expires_in > 30 and allocation.expires_in <= 90 %}
            <td><div class="d-grid gap-2"><a href="{% url 'allocation-detail' allocation.id %}" class="btn btn-warning">Expires in <span class="badge bg-dark">{{allocation.expires_in}}</span> day{{allocation.expires_in|pluralize }}</a></div></td>
            {% elif allocation.status.name == "Pending" %}
            <td><div class="d-grid gap-2"><a href="{% url 'allocation-detail' allocation.id %}" class="btn btn-info">{{allocation.status}}</a></div></td>
            {% elif allocation.status.name == "Active" %}
              {% if user_status|get_value_by_index:forloop.counter0 == 'PendingEULA' %}
              <td><div class="d-grid gap-2"><a href="{% url 'allocation-review-eula' allocation.pk %}" class="btn btn-info">Review and Accept EULA to Activate</a></div></td>
              {% else %}
              <td><div class="d-grid gap2"><a href="{% url 'allocation-detail' allocation.id %}" class="btn btn-success">{{allocation.status}}</a></div></td>
              {% endif %}
            {% else %}
            <td><div class="d-grid gap2"><a href="{% url 'allocation-detail' allocation.id %}" class="btn btn-info">{{allocation.status}}</a></div></td>
            {% endif %}
          </tr>
          {% endfor %}
        </tbody>
      </table>
    {% else %}
      <div class="alert alert-info" role="alert">
        <i class="fa fa-info-circle" aria-hidden="true"></i> There are no allocations to display.
      </div>
    {% endif %}
  </div>
</div>
<div class="row mt-4">
  {% include "portal/extra_app_templates.html" %}
</div>
{% endblock %}