{% extends "base.html" %}

{% block styles %}
{{ super() }}
</style>
{% endblock %}

{% block page_content %}
  <div class="row">
  {% include "admin/admin_tasks.html" %}

  <div class="col-md-12">
  <div class="panel panel-info" id="services">
  <div class="panel-heading">Services</div>
  <div class="panel-body"><p>
  <div class="no-more-tables">
  <table class="table table-hover table-striped table-condensed cf">
   <thead>
    <tr>
     <th>Owner</th>
     <th>Category</th>
     <th>Description</th>
     <th>Price</th>
     <th>Last Charged</th>
     <th>Days Left</th>
    </tr>
    </thead>
    <tbody>
    {% for service in services %}
     {% if service.enabled == False %}
     <tr class="danger">
     {% else %}
     {% if service.warning == True %}
     <tr class="warning">
     {% else %}
     <tr>
     {% endif %}
     {% endif %}
     <td data-title="Owner"><a href="{{ url_for('admin.dashboard', user_pid=service.user_id) }}">{{ service.owner.email }}</a></td>
     <td data-title="Category">{{ service.category }}</td>
     <td data-title="Description">{{ service.description }}</td>
     <td data-title="Price">{{ service.price }}</td>
     <td data-title="Last Charged">{{ moment(service.date_last_charge).format('ll') }} ({{ moment(service.date_last_charge).fromNow() }})</td>
     <td data-title="Days Left">{{ service.daysleft }}</td>
    </tr>
    {% endfor %}
    </tbody>
   </table>
  </div>
  </div>
  </div>


  <div class="row">
  </div>
</div>

{% endblock %}