{{ block title }}實驗決策{{ endblock }}

{{ block content }}

<div class="card bg-light m-3">
<div class="card-body">

 <style>
    .otree-timer {
        display: none;
    }
</style>

<script>
    document.addEventListener("DOMContentLoaded", function (event) {
        $('.otree-timer__time-left').on('update.countdown', function (event) {
            if (event.offset.totalSeconds === 300) {
                $('.otree-timer').show();
            }
        });
    });
</script>

    <style>
        button {
          display: inline-block;
          background-color: white;
          border-radius: 10px;
          border: 4px double #cccccc;
          color: black;
          text-align: center;
          font-size: 15px;
          padding: 10px;
          width: 150px;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          cursor: pointer;
          margin: 5px;
        }
        button:hover {
          background-color: rgb(248, 234, 112);
        }
    </style>

    {{ include C.GRAPH_TEMPLATE }}

</div>
</div>

{{ endblock }}