{% extends "base.html" %}

{% block content %}
<div class="container">
    <h1>Trial Is Running</h1>
    <h2>Trial Settings</h2>
    <form action="{{ url_for('update_trial_settings') }}" method="post">
        <div class="form-group">
            <label for="duration">Trial Duration (minutes):</label>
            <label for="duration">"{{ settings.get('duration', '') }}"</label>
        </div>
        <div class="form-group">
            <label for="interval">Goal for trial (goal):</label>
            <label for="goal">"{{ settings.get('goal', '') }}"</label>
        </div>
    </form>
    <div>
        <p>Countdown: <span id="timeRemaining">0</span></p>
        <p>Current Iteration: <span id="currentIteration">0</span></p>
    </div>
    <form action="/manuallyEndTrial" method="post">
        <button type="submit" value="end-trial" class="button">Manually End Trial</button>
    </form>
</div>
{% endblock %}

{% block scripts %}
    <script src="{{ url_for('static', filename='js/trialPage.js') }}"></script>
{% endblock %}