{{ block title }}{{ endblock }}
{{ block body_main }}
{{ include C.PAPERCUPS_TEMPLATE }}
<div class="otree-wait-page container">
    <div class="card">
        <h4 class="otree-wait-page__title card-header">
            {{ block title }}敬請稍待{{ endblock }}
        </h4>
        <div class="card-body">
            <div id="_otree-server-error" class="alert alert-danger" style="display:none">
                {{ "An error occurred. Please check the logs or ask the administrator for help."|gettext }}
            </div>
            {{ block content }}
            <p class="otree-wait-page__body">系統已記錄你的選擇，你至多需要等待10分鐘。</p>
            {{ endblock }}
            <div class="progress">
                <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"></div>
            </div>
        </div>
    </div>
    {{ if is_defined('view.is_debug') and view.is_debug }}
    {{ include 'otree/includes/debug_info.html' }}
    {{ endif }}
</div>

<style>

    title {
        display: none;
    }

    body {
        background-color: #c0c0c0;
    }

    .card {
        background: white;
        border: 1px solid #3b84c3;
        border-radius: 5px;
        box-shadow: 0 0 20px #999;
        /*width: 940px; */
        margin: 22px auto;
    }

    .card-body {
        margin-top: 10px;
    }

    .page-header {
       border: 1px solid #c0c0c0;
    }

    .otree-wait-page {
        max-width:970px
    }

    .progress-bar {
        width: 100%;
    }
</style>
{{ endblock }}