{% extends "_layout.html" %}
{% block title %}Risultati{% endblock %}
{% block content %}
<div class="page-head">
    <h2>Risultati training</h2>
    <button id="btn-compare" class="prominent">Confronta selezionati</button>
</div>

<div id="results-list" class="list"></div>

<section id="compare-panel" class="hidden">
    <h3>Confronto</h3>
    <div class="charts">
        <canvas id="cmp-loss"></canvas>
    </div>
    <table id="cmp-table"></table>
    <div id="cmp-plots"></div>
</section>

<section id="detail-panel" class="hidden">
    <h3>Dettaglio training <code id="dt-id"></code></h3>
    <div id="dt-meta"></div>
    <div class="charts">
        <canvas id="dt-loss"></canvas>
        <canvas id="dt-res"></canvas>
    </div>
    <div id="dt-plots"></div>
</section>
{% endblock %}
{% block scripts %}
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="/static/js/results.js"></script>
{% endblock %}