{% extends "core/base.html" %}
{% block title %}IRIS - Product list{% endblock %}
{% block content %}
<div class="container">

  <div class="row">
    <ol class="breadcrumb">
      <li><a href="/">IRIS</a></li>
      <li><a href="/app/packagedb/">Package Database</a></li>
      <li class="active">Products</li>
    </ol>
  </div>

    <div class="row">
        <div class="page-header">
            <h3>
                Product information for all products
                {% if perms.core.add_product %}
                <a href="create"><button class="btn btn-primary pull-right">Create</button></a>
                {% endif %}
            </h3>
        </div>
    </div>
    <div class="row">
        <table class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th class="col-md-2">Name</th>
                    <th class="col-md-2">Latest Snapshot</th>
                    <th class="col-md-4">Description</th>
                </tr>
            </thead>
            <tbody>
                {% for product in products|dictsort:"name.lower" %}
                <tr>
                    <td><a href="{{ product.id }}">{{ product.name }}</a></td>
                    <td nowrap>
                        {% if product.latest_snapshot %}
                            <a href="{% url 'snapshot_detail' product.latest_snapshot.id %}">{{ product.latest_snapshot.buildid }}</a>
                        {% endif %}
                        {% if product.latest_daily %}
                            <a href="{{ product.latest_daily.daily_url }}"><span class="badge" style="background-color:LightSkyBlue">daily</span></a>
                        {% endif %}
                        {% if product.latest_weekly %}
                            <a href="{{ product.latest_weekly.weekly_url }}"><span class="badge" style="background-color:LightSkyBlue">weekly</span></a>
                        {% endif %}
                    </td>
                    <td>{{ product.description }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}