{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    Welcome! Thank you for participating today.
{% endblock %}

{% block content %}

    <div>
        <h5 id="id_number"></h5>
        <h5 id="role"></h5>
    </div>

{% endblock %}

{% block scripts %}
    <script>
        var id_text = "ID Number: ";
        var role_text = "Role: ";

        document.getElementById("id_number").innerText = id_text+{{ player.participant.id_in_session }};
        document.getElementById("role").innerText = role_text+{{ player.role|json }};
    </script>
{% endblock %}