<div class="row">
<div class="col-xl-12 col-md-12">
{% for qStrat in listeQuestions[2] %}
<div class="row justify-content-center">
<div class="col-xl-12">
<div class="card p-4 mb-4">
<p style="font-size: 18px; margin-bottom: 10px;margin-bottom: 3px;margin-top: 3px;">{{ loop.index }}. {{ qStrat['question'].nom }} <i class="text-danger">*</i> <span id="{{ 'error_reponse_' ~ qStrat['question'].id }}"> </span></p>
<div class="row rowquestions" id="{{ 'row_' ~ qStrat['question'].id }}">
<div class="col-md-10 table-responsive">
<table class="table table-striped">
<thead>
<tr>
{% for lib in qStrat['libelleReponse'] %}
{% for i in lib.min..lib.max %}
<th>{{ i }}</th>
{% endfor %}
{% endfor %}
</tr>
</thead>
<tbody>
<tr>
{% for lib in qStrat['libelleReponse'] %}
{% for i in lib.min..lib.max %}
<th style="background-color: {{ lib.couleur }}"><input {% if i == qStrat['reponse']['valeur'] %} checked {% endif %} onclick="myFunction(this, {{ qStrat['question'].id }})" data-value="{{ lib.libelle }}" data-id="{{ i }}" id="{{ 'reponse_' ~ qStrat['question'].id ~ "_" ~ i }}" name="{{ 'reponse_' ~ qStrat['question'].id }}" type="radio" value="{{ i }}" required {% if resultat == true %} disabled {% endif %}></th>
{% endfor %}
{% endfor %}
</tr>
<tr>
{% for lib in qStrat['libelleReponse'] %}
{% set colspan = lib.max - lib.min + 1 %}
<td style="border:1px solid black" colspan="{{ colspan }}">
{{ lib.libelle }}
</td>
{% endfor %}
</tr>
</tbody>
</table>
</div>
<div class="col-md-2 d-flex justify-content-center divnote">
<span id="{{ 'libelle_' ~ qStrat['question'].id }}">{{ qStrat['reponse']['valeur'] }}- {{ qStrat['reponse']['texte'] }}</span>
</div>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
</div>