{% extends 'allianceauth/base.html' %}
{% load i18n %}
{% load humanize %}
{% load invoices %}
{% block page_title %}{% app_name %}{% endblock %}
{% block content %}
<br>
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="{% url 'invoices:list' %}">{% app_name %}</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                {% if perms.invoices.admin %}
                 <li><a class="" href="{% url 'invoices:admin' %}">Invoice Managment</a></li>
                {% endif %}
            </ul>
        </div>

    </div>
</nav>

<div class="col-lg-12">
    <div class="col-md-4">
        <div class="panel panel-primary">
            <div class="panel-heading text-center">Periodic Tasks!</div>
            <div class="panel-body text-center">
                <h4>Tasks</h4>
                <table class="table">
                    <tr><td class="text-left">Check Payments Task</td><td class="text-right"><span class="badge">{{check_payments}}</span></td></tr>
                    <tr><td class="text-left">Outstanding Payments Task</td><td class="text-right"><span class="badge">{{outstanding_payments}}</span></td></tr>
                </table>
                <a class="btn col-md-12 btn-primary" href="{% url 'invoices:admin_create_tasks' %}">Create or Update Periodic Tasks</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block extra_css %}
{% endblock %}

{% block extra_script %}
{% endblock %}}