{% extends "base.html" %}

{% block title %}Graph{% endblock %}

{% block head %}
{{ super() }}
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js" integrity="sha512-ZwR1/gSZM3ai6vCdI+LVF1zSq/5HznD3ZSTk7kajkaj4D292NLuduDCO1c/NT8Id+jE58KYLKT7hXnbtryGmMg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdn.jsdelivr.net/npm/moment@2.27.0"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-adapter-moment@0.1.1"></script>
<script src="/static/js/stats/graph.js"></script>
<link rel="stylesheet" href="/static/css/graph.css"/>
{% endblock %}

{% block content %}
<div id="wrapper" style="width:95%;margin-left:10px;"><canvas id="graph_canvas"></canvas></div>

<div id="options">
    <h2>Filter</h2>
    <h3>(Click a player name to check/uncheck all their decks)</h3>
    <button id="filter_button">Go!</button><br/>
</div>
{% endblock %}