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

{% block title %}
    Mediator Page
{% endblock %}

{% block content %}

<div class="container" style="top:20px; position:relative;">
    <div class="row">
         At least one party chooses to consult a mediator.
    </div>
    <div class="row">
         {% if player.role == Constants.role_agent %}
            To turn to a mediator,
            please &nbsp; <a href="https://www.google.com/?hl=de" target="_blank">click this</a> &nbsp;
            and provide this session code: &nbsp; <strong>{{player.session.code}}</strong>
        {% elif player.role == Constants.role_principal %}
            To turn to a mediator,
            please &nbsp; <a href="https://www.google.com/?hl=de" target="_blank">click this</a> &nbsp;
            and provide this session code: &nbsp; <strong>{{player.session.code}}</strong>
        {% endif %}
    </div>
</div>

<button type="submit" class="btn btn-primary" style="position: relative; top:30px;">Finish</button>

{% endblock %}