{% extends "global/Page.html" %}
{% load otree static %}
{% block title%}
    Role Profile
{% endblock %}
{% block content %}
<div class="card bg-light" xmlns="http://www.w3.org/1999/html">
    <div class="card-body">
        <table border="1" cellpadding="15" align="center">
            <tr>
                <td>
                    {% if role == 'policy' %}
                        {% include 'simulation/text/vignette/roles/policy.html' %}
                    {% elif role == 'cyber' %}
                        {% include 'simulation/text/vignette/roles/cyber.html' %}
                    {% else %}
                        {% include 'simulation/text/vignette/roles/military.html' %}
                    {% endif %}
                    <p align="justify">During periods of crisis, you your counterparts convene with the chief of staff
                        to discuss possible policy options available to the president.</p>
                </td>
            </tr>
        </table>
        <br/>
        <p align="right">
            <b>Press "Continue" once you have completed reading the above text</b>
            <button>Continue</button>
        </p>
    </div>
</div>

{% endblock %}