{% extends "global/Page.html" %}
{% load otree static %}
{% block styles %}
<style>
     .custom-border {
        border-color: #d6d8db;
    }
 </style>
{% endblock %}
{% block title %}

{% endblock %}


{% block content %}
<div class="alert alert-info text-center" role="alert" style="padding-left:30px; padding-right:30px">
<br>
    {% if player.checks == 1 %}
        <p>
            Thanks! You are now ready to begin the survey.
        </p>

<br>

        <p>
            <!-- .otree-btn-next is the CSS/jQuery selector for this button -->
            <button class="otree-btn-next btn btn-primary">Next</button>
        </p>
    {% else %}
        <p>
            The study has terminated because you failed to pass the screening. <br>
            Please make sure to return the study. <br>
            Thank you!
        </p>
    {% endif %}


</div>

{% endblock %}