{% extends 'base.html.twig' %}

{% block body %}

    <header class="masthead">
        <div class="container h-100">
            {% include '_flash.html.twig' %}
            <div class="row h-100 align-items-center justify-content-center text-center">
                <div class="col-lg-10 align-self-end">
                    <h1 class="text-uppercase text-white font-weight-bold">Welcome to the App</h1>
                    <hr class="divider my-4">
                </div>
                <div class="col-lg-8 align-self-baseline">
                    <p class="text-white-75 font-weight-light mb-5">Waiting for the Student to start. Click the button once student started playing</p>
                    {% if is_granted('ROLE_JUDGE') %}
                    <a class="btn btn-primary btn-xl js-scroll-trigger" href="/evaluation">Let's evaluate</a>
                    {% endif %}
                </div>
            </div>
        </div>
    </header>
{% endblock %}