{% 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, column15 {
            width: 80px;
        }

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

        .column10, .column11, .column12 {
            width: 140px;
        }

    </style>
{% endblock styles %}

{% block content %}

    {{ include C.fixTop_template }}
    <div>
        <br>

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