{% extends "base.html" %}
{% load humanize %}

{% block title %}Home{% endblock %}

{% block content %}
<h2>{{ comp_fws|intcomma }} Completed FireWorks as of {% now "Y-m-d, H:i (T)" %}</h2>

<h3>Recent Activity</h3>

<!-- TABLES -->
<table style="display: inline-table; margin: 10px;">
    <tr><th colspan="3"><a href="/fw">Newest Fireworks</a></th></tr>
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>State</th>
    </tr>
    {% for ids, names, states in fw_info %}
        <tr>
            <td><center><a href="/fw/{{ ids }}">{{ ids }}</a></center></td>
            <td>{{ names }}</td>
            <td><center>{{ states }}</center></td>
        </tr>
    {% empty %}
        <tr><td colspan="3"><center>(no fireworks in database)</center></td></tr>
    {% endfor %}
</table>

<table style="display: inline-table; margin: 10px;">
    <tr><th colspan="3">Current Database Status</th></tr>
    <tr>
        <th></th>
        <th><a href="/fw">Fireworks</a></th>
        <th><a href="/wf">Workflows</a></th>
    </tr>
    {% for states, fw_info, wf_info in info %}
        <tr>
            <td><div align="right">{{ states }}</div></td>
            <td><center><a href="/fw/{{ states }}">{{ fw_info|intcomma }}</a></center></td>
            <td><center><a href="/wf/{{ states }}">{{ wf_info|intcomma }}</a></center></td>
        </tr>
    {% endfor %}
    <tr>
        <th><div align="right">TOTAL</div></th>
        <td><center><a href="/fw">{{ tot_fws|intcomma }}</a></center></td>
        <td><center><a href="/wf">{{ tot_wfs|intcomma }}</a></center></td>
    </tr>
</table>

<table style="display: inline-table; margin: 10px;">
    <tr><th colspan="3"><a href="/wf">Newest Workflows</a></th></tr>
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>State</th>
    </tr>
    {% for ids, names, states in wf_info %}
        <tr>
            <td><center><a href="/wf/{{ ids }}">{{ ids }}</a></center></td>
            <td>{{ names }}</td>
            <td><center>{{ states }}</center></td>
        </tr>
    {% empty %}
        <tr><td colspan="3"><center>(no workflows in database)</center></td></tr>
    {% endfor %}
</table>
{% endblock %}