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

{% block title %}Questionnaire de fin d’expérience{% endblock %}

{% block content %}

<style>
  .p1-wrap{
    max-width: 980px;
    margin: 0 auto;
  }

  .p1-wrap p{
    margin-bottom: 14px;
  }

  .p1-wrap hr{
    margin: 18px 0;
  }

  .p1-section{
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .next-btn-wrap{
    text-align: right;
    margin-top: 24px;
  }

  .activity-title-box{
    display: inline-block;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 8px 16px;
    background: #fafafa;
    font-weight: 600;
    margin: 18px 0 10px 0;
  }
</style>

<div class="p1-wrap">
  <div class="p1-section">
    <p>
      Lorsque vous avez dû répartir votre temps entre l'activité des exercices et celle des curseurs, à quel point les aspects suivant ont guidé vos choix ?
    <br>
    <br>
      (1 = N'a influencé aucun de mes choix, 5 = A énormément influencé un ou plusieurs de mes choix)
    </p>
    <hr>
    {% formfield player.imp_earnings %}
    {% formfield player.imp_goodrank %}
    {% formfield player.imp_shape %}
    {% formfield player.imp_fair %}
    <div class="next-btn-wrap">
      {% next_button %}
    </div>

  </div>
</div>

{% endblock %}