{% extends "public/base.html" %}
{% load bootstrap %}
{% load staticfiles %}

{% block title %}Alliance Auth{% endblock %}
{% block page_title %}Fatlink statistics{% endblock page_title %}

{% block content %}
    <div class="col-lg-12">
        <h1 class="page-header text-center">Participation data statistics for {{ month }}, {{ year }}
            <div class="text-right">
                <a href="{% url 'auth_fatlink_view_statistics_month' previous_month|date:"Y" previous_month|date:"m"  %}">
                    <button type="button" class="btn btn-info">Previous month</button>
                </a>
                {%  if next_month %}
                <a href="{% url 'auth_fatlink_view_statistics_month' next_month|date:"Y" next_month|date:"m"  %}">
                    <button type="button" class="btn btn-info">Next month</button>
                </a>
                {%  endif %}
            </div>
        </h1>
        <table class="table table-responsive table-bordered">
            <tr>
                <th class="col-md-1"></th>
                <th class="col-md-2 text-center">Ticker</th>
                <th class="col-md-5 text-center">Corp</th>
                <th class="col-md-2 text-center">Members</th>
                <th class="col-md-2 text-center">Fats</th>
                <th class="col-md-2 text-center">Average fats</th>
            </tr>
            {% for corpStat in fatStats %}
            <tr>
                <td>
                    <img src="https://image.eveonline.com/Corporation/{{ corpStat.corp.corporation_id }}_32.png" class="ra-avatar img-responsive">
                </td>
                <td class="text-center">[{{ corpStat.corp.corporation_ticker }}]</td>
                <td class="text-center">{{ corpStat.corp.corporation_name }}</td>
                <td class="text-center">{{ corpStat.corp.member_count }}</td>
                <td class="text-center">{{ corpStat.n_fats }}</td>
                <td class="text-center">{{ corpStat.avg_fat }}</td>
            </tr>
            {% endfor %}
        </table>
    </div>


<script src="/static/js/dateformat.js"></script>

{% endblock content %}