{{ if {{usertag:index}} == null }}
<script>
    window.location.href = '/login';
</script>
{{/if}}
<div class="container py-16">
    <div class="grid grid-cols-1 items-center gap-8 lg:grid-cols-2">

        <div class="max-w-lg">

            {{ if { session:success } }}
            <div class="alert alert-success" role="alert" id="alert">
                {{ session:success }}
            </div>
            {{ /if }}
            {{ if { session:error } }}
            <div class="alert alert-danger" role="alert" id="alert">
                {{ session:error }}
            </div>
            {{ /if }}

            <x-heading size="h3">{{ title }}</x-heading>

            <form method="post" id="myform" action="/validation/{{ slug }}">
                {{ csrf_field }}
                <x-richtext size="lg" class="mt-10">
                    {{ question }}
                </x-richtext>

                <pre id="evt" class="output"></pre>

                <input type="hidden" name="reponse" id="reponse" /><br/>

                <a onclick = "window.location.href='{{url_destination}}?pass=pass'" href="#" class="inline-flex items-center justify-center font-semibold rounded-lg group transition-all duration-300 ease-in-out border-2 bg-primary-100 hover:bg-white text-primary-700 border-primary-700 px-6 py-4 text-xl mt-6 md:mt-8">
                    <span>Passer</span>
                </a>
            </form>
        </div>

        <div class="">
            {{ partial:components/locker code="{{code}}" possibilities="{{possibilities}}" }}
        </div>
    </div>
</div>