{% 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-wrap h5{
    margin: 0 0 12px 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">

    <div class="activity-title-box">
      Personnalité
    </div>

    <p>
      <strong>Indiquez dans quelle mesure chacune des affirmations vous correspond</strong>.<br>
      (1 = Ne me correspond pas du tout, 5 = Me correspond parfaitement)
    </p>
    {% formfield player.grit_5 %}
    {% formfield player.grit_6 %}
    {% formfield player.grit_7 %}
    {% formfield player.grit_8 %}
    {% formfield player.importance1 %}
    {% formfield player.importance3 %}
    {% formfield player.importance4 %}
    <div class="next-btn-wrap">
      {% next_button %}
    </div>

  </div>
</div>

{% endblock %}