{% extends "_layout.html" %}
{% block title %}Test{% endblock %}
{% block content %}
<div class="page-head">
    <h2>Test modello</h2>
    <div id="slot-info" class="queue-info">Slot: <span id="slot-count">–</span>/2</div>
</div>

<div id="slot-full" class="info-panel hidden">
    <div class="icon">🚧</div>
    <h3>Slot test pieni</h3>
    <p>Massimo 2 utenti possono eseguire test contemporaneamente. Riprova tra qualche minuto.</p>
</div>

<form id="test-start" class="form-row">
    <label>Modello<select id="t-model"></select></label>
    <label>Training<select id="t-training"></select></label>
    <button type="submit" class="prominent">Avvia sessione</button>
</form>

<section id="test-session" class="hidden">
    <h3>Sessione <code id="ts-id"></code></h3>
    <form id="inputs-form"></form>
    <button id="btn-run" class="prominent">Esegui test</button>
    <button id="btn-end">Chiudi sessione</button>

    <h4>Risultati</h4>
    <div id="runs-list"></div>
</section>
{% endblock %}
{% block scripts %}
<script src="/static/js/test.js"></script>
{% endblock %}