{{ block title }}
{{ Lexicon.part }} {{ if subsession.current_part == 0 }} {{ Lexicon.test }} {{ else }} {{ subsession.current_part }} {{ endif }}
- {{ Lexicon.periode }} {{ subsession.current_round }} - {{ Lexicon.resultats }}
{{ endblock }}

{{ block content }}
{# -- CHRONO ET BOUTONS INSTRUCTIONS -------------------------------------------------------------------------------- #}
<div class="row mb-3">
    <div class="col-6">
        <p class="text-info">
            {{ Lexicon.temps_ecoule }} : <span id="decision_time"></span><br>
            <span id="decision_time_end" class="text-danger"
                  style="visibility: hidden">{{ Lexicon.prise_decision }}</span>
        </p>
    </div>
    <div class="col-6 text-end">
        <button type="button" class="btn btn-secondary" data-bs-toggle="modal" data-bs-target="#modal_content">
            {{ Lexicon.instructions }}
        </button>
     </div>
</div>

{# -- TEXT RESULT --------------------------------------------------------------------------------------------------- #}
<div class="card bg-light mb-3">
    <div class="card-body">
        {{ txt_result }}
    </div>
</div>

{# -- HISTORIQUE ---------------------------------------------------------------------------------------------------- #}
<div class="card mb-3">
    <div class="card-body">
        <table class="table">
            <thead>
            <tr>
                <th>Period</th>
                <th>Cost 1st token</th>
                <th>Your extraction</th>
                <th>Your benefit</th>
                <th>Total extraction of the others</th>
                <th>Cost of the last token</th>
                <th>Total cost of tokens</th>
                <th>Average cost of tokens</th>
                <th>Period gain</th>
                <th>Cumulated gain</th>
            </tr>
            </thead>
            <tbody>
            {{ for p in histo_all }}
            <tr>
                <td>{{ p.subsession.current_round }}</td>
                <td>{{ p.group.cout_first_jeton }}</td>
                <td>{{ p.extraction }}</td>
                <td>{{ p.benefice|to0 }}</td>
                <td>{{ p.extraction_autres }}</td>
                <td>{{ p.group.cout_last_jeton }}</td>
                <td>{{ p.group.cout_total_jeton }}</td>
                <td>{{ p.group.cout_moyen_jeton|to2 }}</td>
                <td>{{ p.payoff_ecu|to2 }}</td>
                <td>{{ p.payoff_ecu_cumul|to2 }}</td>
            </tr>
            {{ endfor }}
            </tbody>
        </table>
    </div>
</div>

<button class="btn btn-primary otree-btn-next">{{ Lexicon.next_button }}</button>

{{ include_sibling "InstructionsModal.html" }}

{{ endblock }}

{{ block scripts }}
<script src="{{ static 'chrono_warning.js' }}"></script>
<script src="{{static 'fill_auto.js' }}"></script>
<script>
    window.onload = function () {
        start_chrono(
            document.querySelector("#decision_time"), document.querySelector("#decision_time_end"),
            js_vars.RESULT_TIME
        )
        if (js_vars.fill_auto)
            fill_auto();
    }
</script>
{{ endblock }}