{% extends 'milalliancetaxes/base.html' %}
{% load i18n %}
{% load humanize %}

{% block milalliancetaxes_content %}
    <div class="panel panel-primary">
        <div class="card card-default">
            <div class="card-header" style="display: flex; align-items: center;">
                <div style="flex: 0 0 auto; text-align: left; width: 120px;">
                    <a href="{{ prev_url }}" class="btn btn-default btn-sm" style="font-size: 1.2rem;">
                    &laquo; {{ prev_month|stringformat:"02d" }}/{{ prev_year }}
                    </a>
                </div>

                <span class="card-title mb-0" 
                        style="flex: 1 1 auto; text-align: center; font-weight: bold; font-size: 1.5rem;">
                    Bounty + ESS tax overview - {{ month|stringformat:"02d" }}/{{ year }} - Tax rate: {{ alliance_tax_rate }}%
                </span>

                <div style="flex: 0 0 auto; text-align: right; width: 120px; ">
                    <a href="{{ next_url }}" class="btn btn-default btn-sm" style="font-size: 1.2rem;">
                    {{ next_month|stringformat:"02d" }}/{{ next_year }} &raquo;
                    </a>
                </div>
            </div>

            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-striped " id="ore_prices">
                        <thead>
                            <tr>
                                <th>{% translate 'Corporation ID' %}</th>
                                <th>{% translate 'Corporation Name' %}</th>
                                <th>{% translate 'Up to date?' %}</th>
                                <th>{% translate 'Taxes' %}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for corporation, tax_amount in corporations %}
                            <tr>
                                <td style="vertical-align: middle;">{{ corporation.corporation_id }}</td>
                                <td style="vertical-align: middle;">{{ corporation.name }}</td>
                                <td style="vertical-align: middle;">
                                    {% if corporation.is_updated %}
                                        <i class="fas fa-check-circle text-success fa-2x"></i>
                                    {% else %}
                                        <i class="fas fa-times-circle text-danger fa-2x"></i>
                                    {% endif %}
                                </td>
                                <td style="vertical-align: middle;">{{ tax_amount|floatformat:2|intcomma }}</td>
                            </tr>
                            {% empty %}
                            <tr><td colspan="4">No taxes found for this month.</td></tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block extra_javascript %}
{% endblock %}

{% block extra_css %}
{% endblock %}

{% block extra_script %}
{% endblock %}