{% extends "global/Page.html" %}
{% block title %}{% endblock %}
{% block content %}
{% include "shaping_social_norms/_block_badge.html" with block_label="Bloc B" %}
<p>Un tirage au sort sera effectué à la fin de l’expérience et vous avez une chance sur 20 d’obtenir {{ endowment }} euros.</p>
<p>Sur l’écran suivant, nous vous demanderons de choisir entre deux possibilités : vous pouvez décider <strong>soit de conserver cette somme</strong>, soit d’aider <strong>une Association Reconnue d’Utilité Publique</strong> qui a été choisie avant le début de cette étude.</p>
<ul>
  <li>Si vous décidez de <strong>conserver la somme</strong> {{ endowment }} euros, ce montant sera ajouté au total de vos gains et vous sera versé à l’issue de l’expérience.</li>
  <li style="margin-top: 14px;">Si vous décidez de <strong>renoncer à cette somme pour aider cette association</strong>, nous ferons une donation de {{ don }} euros en votre nom. Vous recevrez un message confirmant la réception du don. Veuillez noter que ce don ne donnera pas lieu à une déduction fiscale.</li>
</ul>
<p id="wait-msg">Le bouton continuer apparaîtra très bientôt.</p>
<div id="next-container" class="next-bottom-right" style="display:none;">
  <button class="btn btn-primary otree-btn-next" type="submit">Continuer</button>
</div>
<style>
  #wait-msg {
    width: 100%;
    margin: 24px 0 0;
    text-align: right;
    color: #000 !important;
  }

  .next-bottom-right { display: flex; justify-content: flex-end; margin-top: 24px; }
</style>
<script>
  (function () {
    var delayMs = 10000;
    var el = document.getElementById('next-container');
    var msg = document.getElementById('wait-msg');
    setTimeout(function () {
      if (msg) msg.style.display = 'none';
      el.style.display = 'block';
    }, delayMs);
  })();
</script>
{% endblock %}