{% extends "global/Page.html" %}
{% block title %}{% endblock %}
{% block content %}
{% include "shaping_social_norms/_block_badge.html" with block_label="Bloc A" %}
<p>Merci de bien vouloir répondre aux questions suivantes :</p>
<p>{{ form.age.label }}</p>
<div class="slider-block">
  <div class="slider-row">
    <input
      id="age_slider"
      type="range"
      name="age"
      min="18"
      max="99"
      data-range-output="age_value"
      data-range-format="value"
    >
    <output id="age_value" class="slider-output is-empty"></output>
  </div>
  <div class="slider-ends">
    <span>18 ans</span>
    <span>99 ans</span>
  </div>
</div>
{{ next_button }}
{% endblock %}