{% extends "base.jinja" %}
 

{% block body_block %} 

        <div class="card-group" id="statistic_cards">
                <div class="card">
                        <canvas class="chart_visual" id="gamesovertimechart"></canvas>
                        <div class="card-body">
                                <h4 class="card-title" id="overtimechartname"></h4>
                        </div>
                </div>
                <div class="card">                                
                        <canvas class="chart_visual" id="gamesperyearchart"></canvas>
                        <div class="card-body">
                                <h4 class="card-title" id="gamesperyearchartname"></h4>
                        </div>
                </div>
                <div class="card">
                        <div class="chart_visual" id="mostexpensivegameschart"></div>
                        <div class="card-body">
                                <h4 class="card-title" id="mostexpensivegameschartname"></h4>
                        </div>
                </div>
        </div>
        
{% endblock body_block %}

{% block extra_js_files %}

<script src="{{ url_for('static', filename='javascript/statistics.js')  }}" defer></script>

{% endblock extra_js_files %}