{% extends "base.html" %}

{% block title %}
  Statistiques
{% endblock title %}

{% block main %}

  <section class="g-Section">
    <div class="g-Chart">
      <canvas id="g-Chart__Canvas">
      </canvas>
    </div>
  </section>

  <div id="categories" hidden>
    {{ json_categories }}
  </div>

  <div id="incomes" hidden>
    {{ json_incomes }}
  </div>

  <div id="payments" hidden>
    {{ json_payments }}
  </div>

  <script src="{{ assets | get(key="chart.js") }}">
  </script>

{% endblock main %}