{# Ënnstatus
   Copyright (C) 2015  Dennis Fink

   This program is free software: you can redistribute it and/or modify
   it under the terms of the GNU General Public License as published by
   the Free Software Foundation, either version 3 of the License, or
   (at your option) any later version.

   This program is distributed in the hope that it will be useful,
   but WITHOUT ANY WARRANTY; without even the implied warranty of
   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
   GNU General Public License for more details.

   You should have received a copy of the GNU General Public License
   along with this program.  If not, see <http://www.gnu.org/licenses/>.
#}

{% extends "base.html" %}

{% set title = "Donate - Statistics" %}

{% block styles %}
  {{ super() }}
  <link rel="stylesheet" href="{{ url_for('static', filename='css/barchart.css') }}" />
{% endblock %}

{% block content %}
  <div class="col-md-12">
    <h2>Donate Statistics</h2>
  </div>
  <div class="col-md-12">
    <dl class="dl-horizontal">
      <dt>Mean per year:</dt>
      <dd>{{ all_years_mean }}</dd>
      <dt>Mean per month:</dt>
      <dd>{{ month_mean }}</dd>
      <dt>Best year:</dt>
      <dd>{{ best_year[0] }} {{ best_year[1] }}</dd>
      <dt>Best month:</dt>
      <dd>{{ best_month[0] }} {{ best_month[1] }}</dd>
      <dt>Highest donation:</dt>
      <dd>{{ highest_donation[0] }} {{ highest_donation[1] }}</dd>
      <dt>Median donation:</dt>
      <dd>{{ median_donation }}</dd>
      <dt>Mode donation:</dt>
      <dd>{{ mode_donation }}</dd>
    </dl>
  </div>
  <div class="col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading">Donations per year</div>
      <div class="panel-body">
        <div id="yearchart" class="center-block"></div>
        <div id="yearslider"></div>
      </div>
    </div>
  </div>
  <div class="col-md-12">
    <div class="panel panel-default">
      <div class="panel-heading">Donations per month</div>
      <div class="panel-body">
        <div id="monthchart"></div>
        <div id="montslider"></div>
      </div>
    </div>
  </div>
{% endblock %}

{% block scripts %}
  {{ super() }}
  <script src="{{ url_for('static', filename='js/d3/d3.min.js') }}"></script>
  <script src="{{ url_for('static', filename='js/d3-tip/index.js') }}"></script>
  <script src="{{ url_for('static', filename='js/barcharts.js') }}"></script>
{% endblock %}