{% extends "otree/WaitPage.html" %}
{% load otree %}

{% block title %}

{% endblock %}

{% block styles %}
    {% include C.common_style_template %}
    <style>
        .otree-wait-page {
            max-width: 100%;
        }

        table {
            border-collapse: collapse;
        }

        th, td, tr {
            height: 25px;
            border: 1px solid black;
            font-size: 12px;
            text-align: center;
        }

        .wait_result_style, .card-body {
            display: inline-block;
            text-align: center;
        }

        .column1 {
            width: 120px;
        }

        .column2, .column3, .column4, .column5, .column6, .column7, .column8, .column9 {
            width: 110px;
        }

        .history_table.column10 {
            width: 140px;
        }

    </style>
{% endblock styles %}

{% block content %}

    {{ include C.fixTop_template }}

    <div>
        <br>
        {{ if show_table}}
        <h4 style="text-align:center">Please wait while the experiment continues; you can read the history table while
            waiting</h4>
        {{ include C.history_template }}
        {{ endif }}
    </div>
    {{ include "experiment_baseline/background_info.html" }}
{% endblock %}
{% block app_scripts %}
    <script>
        document.getElementById("stage1").style.opacity = "0.3";
        document.getElementById("chart1").style.opacity = "0.5"
    </script>
    <script type="text/javascript" id="MathJax-script" async
            src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js">
    </script>
{% endblock %}