{% extends "layout.html.twig" %}
{# Configs Générales #}
{% set nbSlide = 16 %}
{% block content %}
<main id="main" role="main">
{{ pimcore_areablock('contentTop') }}
{% if editmode %}
<div class="uk-container apk-container-600 uk-text-center uk-margin-top">
<h3>Image par défaut</h3>
{{ pimcore_image("section-questions-img_default", {'width' : 100, 'height' : 100}) }}
</div>
<!-- .section-questions -->
<section class="uk-section">
<div class="section-questions">
{% for i in 1..nbSlide %}
<div class="uk-container uk-margin-bottom">
<div uk-grid>
<div class="uk-width-1-1">
<div class="section-questions-container">
<div style="background: #1e87f0; color: #FFF; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; font-weight: bold; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;">
{{ i }}
</div>
<div class="section-questions-container-icon uk-align-center uk-position-relative uk-flex uk-flex-middle">
{{ pimcore_image("section-questions-img_" ~ i, {'width' : 100, 'height' : 100}) }}
</div>
<div class="uk-container apk-container-600">
<h3 class="h-big-lowcase-grey">{{ pimcore_input("label-question_" ~ i) }}</h3>
<!--<div class="questions">
contenu
</div>-->
</div>
</div>
</div>
</div>
</div>
{% if i == 2 or i == 5 %}
<div class="uk-container uk-margin-bottom">
<div uk-grid>
<div class="uk-width-1-1">
<div class="section-questions-container">
<div style="background: #1e87f0; color: #FFF; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; font-weight: bold; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;">
{{ i }}.1
</div>
<div class="section-questions-container-icon uk-align-center uk-position-relative uk-flex uk-flex-middle">
{{ pimcore_image("section-questions-img_" ~ i ~ "-1", {'width' : 100, 'height' : 100}) }}
</div>
<div class="uk-container apk-container-600">
<h3 class="h-big-lowcase-grey">{{ pimcore_input("label-question_" ~ i ~ "-1") }}</h3>
<!-- <div class="questions">
contenu
</div>-->
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endfor %}
<div class="uk-container uk-margin-bottom">
<div uk-grid>
<div class="uk-width-1-1">
<div class="section-questions-container">
<div style="background: #1e87f0; color: #FFF; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; font-weight: bold; position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;">
END
</div>
<div class="section-questions-container-icon uk-align-center uk-position-relative uk-flex uk-flex-middle">
{{ pimcore_image("section-questions-img_end", {"width" : 100, "height" : 100}) }}
</div>
<div class="uk-container apk-container-600">
<h3 class="h-big-lowcase-grey">{{ pimcore_input("label-question_end") }}</h3>
<div class="questions">
<div>
{{ pimcore_wysiwyg("content-question_end") }}
</div>
</div>
{% if not pimcore_website_config('akimediaActivate') %}
<div class="uk-alert uk-alert-primary" uk-alert>
{{ pimcore_link("btn-action-question-end") }}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% if not pimcore_website_config('akimediaActivate') %}
<div class="section-questions-container">
<div class="uk-alert-primary uk-margin-medium-bottom" uk-alert>
<h3 class="uk-h3">SKIP TEST LINK</h3>
{{ pimcore_link("btn-action-skip-test") }}
</div>
</div>
{% endif %}
</div>
</div>
</section>
{% else %}
<!-- .section-questions -->
<div class="uk-container apk-container-1400">
<div>
<section class="section-questions-padding">
<div class="section-questions">
<div uk-grid>
<div class="uk-width-1-1">
<div class="section-questions-container">
<progress class="uk-progress" id="apk-progress-bar-question" value="0" max="100"></progress>
<div class="section-questions-container-icon uk-align-center uk-position-relative uk-flex uk-flex-middle">
{{ pimcore_image("section-questions-img_1", {
"attributes" : {
"data-apk-image-step" : "1"
}
}) }}
</div>
<form id="form-quipeutdonnersonsang" class="uk-form-stacked" data-prev-step="0"
data-current-step="1">
<div class="uk-container">
<div class="questions">
{#
#--------------------------------
# Question 1 : Homme / Femme
#--------------------------------
#}
<div data-question="1">
<h3 class="h-big-lowcase-grey">
<span class="step-number">1.</span>
{{ pimcore_input("label-question_1") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio is-autovalidate" type="radio" name="q1" value="Homme"
autocomplete="false"/>
<span>{{ 'Homme'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q1" value="Femme"
autocomplete="false"/>
<span>{{ 'Femme'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 2 : Date de naissance
#--------------------------------
#}
<div data-question="2" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">2.</span>
{{ pimcore_input("label-question_2") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<div class="apk-form-inline">
<input class="uk-input" type="text" name="q2"
placeholder="{{"jj/mm/aaaa"|trans }}"
value=""
data-toggle="datepicker" autocomplete="false"/>
<button type="button" class="next apk-btn-secondary">{{ 'Valider'|trans }}</button>
</div>
</div>
</div>
{#
#--------------------------------
# Question 2.1 : Avez-vous fait un don ces trois dernières années ?
#--------------------------------
#}
<div data-question="2.1" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
{{ pimcore_input("label-question_2-1") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio is-autovalidate" type="radio" name="q2.1" value="Oui"
autocomplete="false"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q2.1" value="Non"
autocomplete="false" data-message="i18ln_erreur5"
data-color="red" data-where="after"/>
<span>{{ 'Non'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q2.1"
value="Je ne sais pas"
autocomplete="false" data-message="i18ln_erreur6"
data-color="red" data-where="after"/>
{{ 'Je ne sais pas'|trans }}</label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 3 : Quel est votre poids et votre taille ?
#--------------------------------
#}
<div data-question="3" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">3.</span>
{{ pimcore_input("label-question_3") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<div class="apk-form-inline">
<input class="uk-input" type="number" name="q3" min="0" max="200"
autocomplete="false"/> {{ 'Kg'|trans }}
<input class="uk-input uk-margin-left" type="number" name="q3taille" min="0" max="300"
autocomplete="false"/> {{ 'Cm'|trans }}
<button type="button" class="uk-margin-left next apk-btn-secondary">{{ 'Valider'|trans }}</button>
</div>
</div>
</div>
{#
#--------------------------------
# Question 4 : De 1980 à 1996, avez-vous séjourné plus de 6 mois (tous séjours confondus) au Royaume-Uni
#--------------------------------
#}
<div data-question="4" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">4.</span>
{{ pimcore_input("label-question_4") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q4" value="Oui"
autocomplete="false" data-message="i18ln_erreur9"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q4" value="Non"
autocomplete="false"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 5 : Avez-vous voyagé hors de la Belgique ces 6 derniers mois?
#--------------------------------
#}
<div data-question="5" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">5.</span>
{{ pimcore_input("label-question_5") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio is-autovalidate" type="radio" name="q5" value="Oui"
autocomplete="false"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q5" value="Non"
autocomplete="false"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 5.1 : Avez-vous voyagé à l’extérieur de l’Europe ?
#--------------------------------
#}
<div data-question="5.1" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">5.1.</span>
{{ pimcore_input("label-question_5-1") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q5.1" value="Oui"
autocomplete="false" data-message="i18ln_erreur11"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio" type="radio" name="q5.1" value="Non"
autocomplete="false" data-message="i18ln_erreur10"
data-color="red" data-where="after"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 6 : êtes-vous enceinte ou avez-vous accouché dans les 6 derniers mois ?
#--------------------------------
#}
<div data-question="6" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">6.</span>
{{ pimcore_input("label-question_6") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q6" value="Oui"
autocomplete="false" data-message="i18ln_erreur12"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q6" value="Non"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 7 : Avez-vous eu récemment de la fièvre ou une infection (bronchite, infection urinaire...) ?
#--------------------------------
#}
<div data-question="7" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">7.</span>
{{ pimcore_input("label-question_7") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q7" value="Oui"
autocomplete="false" data-message="i18ln_erreur13"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q7" value="Non"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 8 : Prenez-vous des médicaments ?
#--------------------------------
#}
<div data-question="8" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">8.</span>
{{ pimcore_input("label-question_8") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls" data-apk-toggle-target="#toggle-q8-yes">
<label><input class="uk-radio" type="radio" name="q8" value="Oui"
autocomplete="false" data-apk-toggle="true"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q8" value="Non"
autocomplete="false" data-apk-toggle="false"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
<div id="toggle-q8-yes" class="apk-listing-medicine" style="display: none;">
<h4>{{ 'Cochez les médicaments que vous prenez dans la liste ci-dessous'|trans }}</h4>
<div class="uk-form-controls has-serialize-checkbox">
<div class="uk-text-left uk-grid-small" uk-grid>
<div class="uk-width-1-3@s">
<!-- complement_1 -->
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.1"
value="{{ 'Spray nasal'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_1" />
<span>{{ 'Spray nasal'|trans }}</span>
</label></div>
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.1"
value="{{ 'Spray pour la gorge'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_1" />
<span>{{ 'Spray pour la gorge'|trans }}</span>
</label></div>
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.1"
value="{{ 'Spray pour la toux'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_1" />
<span>{{ 'Spray pour la toux'|trans }}</span>
</label></div>
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.1"
value="{{ 'Anthihistaminiques'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_1"/>
<span>{{ 'Anthihistaminiques'|trans }}</span>
</label></div>
<!-- complement_2 -->
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.2"
value="{{ 'Antibiotiques'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_2" />
<span>{{ 'Antibiotiques'|trans }}</span>
</label></div>
<!-- complement_1 -->
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.1"
value="{{ 'Dafalgan / paracétamol'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_1"/>
<span>{{ 'Dafalgan / paracétamol'|trans }}</span>
</label></div>
<!-- complement_3 -->
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.3"
value="{{ 'Aspirine / anti-inflammatoires (Nurofen, Ibruprofen, Perdofemina...)'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_3"/>
<span>{{ 'Aspirine / anti-inflammatoires (Nurofen, Ibruprofen, Perdofemina...)'|trans }}</span>
</label></div>
</div>
<div class="uk-width-1-3@s">
<!-- complement_1 -->
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.1"
value="{{ 'Antiacides comme Pantomed (Pantoprazole), Losec (Omeprazole)'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_1"/>
<span>{{ 'Antiacides comme Pantomed (Pantoprazole), Losec (Omeprazole)'|trans }}</span>
</label></div>
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.1"
value="{{ 'Somnifères'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_1"/>
<span>{{ 'Somnifères'|trans }}</span>
</label></div>
<!-- complement_4 -->
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.4"
value="{{ 'Isotrétinoïne (Traitement contre l\'acné)'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_4"/>
<span>{{ 'Isotrétinoïne (Traitement contre l\'acné)'|trans }}</span>
</label></div>
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.4"
value="{{ 'Finastéride (Traitement pour la prostate ou contre la perte de cheveux)'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_4"/>
<span>{{ 'Finastéride (Traitement pour la prostate ou contre la perte de cheveux)'|trans }}</span>
</label></div>
</div>
<div class="uk-width-1-3@s">
<!-- complement_4 -->
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.4"
value="{{ 'Dutastéride (Traitement pour la prostate)'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_4"/>
<span>{{ 'Dutastéride (Traitement pour la prostate)'|trans }}</span>
</label></div>
<!-- complement_5 -->
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.5"
value="{{ 'Acitrétine (Traitement contre le psoriasis)'|trans }}"
autocomplete="false" data-message="false"
data-complement="true"
data-where="complement_5"/>
<span>{{ 'Acitrétine (Traitement contre le psoriasis)'|trans }}</span>
</label></div>
<!-- complement_6 -->
<div class="uk-position-relative"><label><input class="uk-checkbox" type="checkbox" name="q8.6"
value="Oui"
autocomplete="false"
data-message="i18ln_complement_14_6"
data-complement="true"
data-where="complement_6"/>
<span>{{ 'Autre(s)'|trans }}</span>
</label></div>
</div>
</div>
</div>
</div>
</div>
{#
#--------------------------------
# Question 9 : Avez-vous été vacciné.e il y a moins d’un mois ?
#--------------------------------
#}
<div data-question="9" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">9.</span>
{{ pimcore_input("label-question_9") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls" data-apk-toggle-target="#toggle-q9-yes">
<label><input class="uk-radio" type="radio" name="q9" value="Oui"
autocomplete="false" data-apk-toggle="true"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q9" value="Non"
data-apk-toggle="false"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
<div id="toggle-q9-yes" style="display: none; padding-bottom: 15px;">
<hr class="uk-margin-medium-top"/>
<div class="uk-form-controls" data-apk-where="common"
data-apk-message="i18ln_complement_15_common"
data-apk-question="9">
<div class="uk-text-left uk-grid-small" uk-grid>
<div class="uk-width-1-3@s">
<div><label><input class="uk-checkbox" type="checkbox" name="q9.1"
value="{{ 'Hépatite B'|trans }}"
autocomplete="false"
data-message="i18ln_complement_15_1"
data-color="false" data-complement="true"
data-where="complement_1"/>
<span>{{ 'Hépatite B'|trans }}</span>
</label>
</div>
<div><label><input class="uk-checkbox" type="checkbox" name="q9.2"
value="{{ 'Coqueluche'|trans }}"
autocomplete="false"
data-message="i18ln_complement_15_3"
data-color="false" data-complement="true"
data-where="complement_3"/>
<span>{{ 'Coqueluche'|trans }}</span>
</label>
</div>
<div><label><input class="uk-checkbox" type="checkbox" name="q9.3"
value="{{ 'Grippe'|trans }}"
autocomplete="false"
data-message="i18ln_complement_15_3"
data-color="false" data-complement="true"
data-where="complement_3"/>
<span>{{ 'Grippe'|trans }}</span>
</label>
</div>
</div>
<div class="uk-width-1-3@s">
<div><label><input class="uk-checkbox" type="checkbox" name="q9.4"
value="{{ 'Fièvre Jaune'|trans }}"
autocomplete="false"
data-message="i18ln_complement_15_2"
data-color="false" data-complement="true"
data-where="complement_2"/>
<span>{{ 'Fièvre Jaune'|trans }}</span>
</label>
</div>
<div><label><input class="uk-checkbox" type="checkbox" name="q9.5"
value="{{ 'Tétanos'|trans }}"
autocomplete="false"
data-message="i18ln_complement_15_3"
data-color="false" data-complement="true"
data-where="complement_3"/>
<span>{{ 'Tétanos'|trans }}</span>
</label>
</div>
</div>
<div class="uk-width-1-3@s">
<div><label><input class="uk-checkbox" type="checkbox" name="q9.7"
value="{{ 'SARS-CoV-2 (COVID 19)'|trans }}"
autocomplete="false"
data-message="i18ln_complement_15_5"
data-color="false" data-complement="true"
data-where="complement_5"/>
<span>{{ 'SARS-CoV-2 (COVID 19)'|trans }}</span>
</label>
</div>
<div><label><input class="uk-checkbox" type="checkbox" name="q9.6"
value="{{ 'Autre'|trans }}"
autocomplete="false"
data-message="i18ln_complement_15_4"
data-color="false" data-complement="true"
data-where="complement_4"/>
<span>{{ 'Autre'|trans }}</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
{#
#--------------------------------
# Question 10 : Avez-vous subi une endoscopie (arthroscopie, gastroscopie, coloscopie…) ou une opération dans les 4 derniers mois ?
#--------------------------------
#}
<div data-question="10" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">10.</span>
{{ pimcore_input("label-question_10") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q10" value="Oui"
autocomplete="false" data-message="i18ln_erreur16"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q10"
value="Non"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 11 : êtes-vous allé.e chez le dentiste au cours des 7 derniers jours ?
#--------------------------------
#}
<div data-question="11" class="uk-hidden">
<h3 class="h-big-lowcase-grey"><span class="step-number">11.</span>
{{ pimcore_input("label-question_11") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q11" value="Oui"
autocomplete="false" data-message="i18ln_info17"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q11"
value="Non"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 12 : Avez-vous fait un piercing (y compris boucles d’oreilles) ou un tatouage (y compris maquillage permanent) durant ces 4 derniers mois ?
#--------------------------------
#}
<div data-question="12" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">12.</span>
{{ pimcore_input("label-question_12") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q12" value="Oui"
autocomplete="false" data-message="i18ln_erreur18"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q12"
value="Non"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 13 : Avez-vous déjà consommé de la drogue ?
#--------------------------------
#}
<div data-question="13" class="uk-hidden">
<h3 class="h-big-lowcase-grey">
<span class="step-number">13.</span>
{{ pimcore_input("label-question_13") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q13" value="Oui"
autocomplete="false" data-message="i18ln_info19"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q13"
value="Non"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 14 : Avez-vous eu un.e nouveau.elle partenaire sexuel.le au cours des 4 derniers mois ? (avec ou sans préservatif)
#--------------------------------
#}
<div data-question="14" class="uk-hidden">
{# Si répondu F (femme) à la Q2 #}
<h3 class="h-big-lowcase-grey">
<span class="step-number">14.</span>
{{ pimcore_input("label-question_14") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q14" value="Oui"
autocomplete="false" data-message="i18ln_erreur20"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q14"
value="Non"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 15 : Avez-vous eu une nouvelle partenaire sexuelle au cours des 4 derniers mois ? (avec ou sans préservatif)
#--------------------------------
#}
<div data-question="15" class="uk-hidden">
{# Si répondu H (homme) à la Q2 #}
<h3 class="h-big-lowcase-grey">
<span class="step-number">15.</span>
{{ pimcore_input("label-question_15") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q15" value="Oui"
autocomplete="false" data-message="i18ln_erreur21"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q15"
value="Non"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# Question 16 : Au cours des 12 derniers mois, avez-vous eu une relation sexuelle avec un homme ?
#--------------------------------
#}
<div data-question="16" class="uk-hidden">
{# Si répondu H (homme) à la Q2 #}
<h3 class="h-big-lowcase-grey">
<span class="step-number">16.</span>
{{ pimcore_input("label-question_16") }}
</h3>
<div class="question-message-before"></div>
<div class="uk-form-controls">
<label><input class="uk-radio" type="radio" name="q16" value="Oui"
autocomplete="false" data-message="i18ln_erreur22"
data-color="red" data-where="after"/>
<span>{{ 'Oui'|trans }}</span></label>
<label><input class="uk-radio is-autovalidate" type="radio" name="q16"
value="Non"/>
<span>{{ 'Non'|trans }}</span></label>
<button type="button" class="next apk-btn-secondary uk-hidden">{{ 'Valider'|trans }}</button>
</div>
</div>
{#
#--------------------------------
# END : Merci d’avoir fait le test !
#--------------------------------
#}
<div data-question="end" class="uk-hidden">
{# fin #}
<h3 class="h-big-lowcase-grey">
<span class="step-number">End.</span>
{{ pimcore_input("label-question_end") }}
</h3>
<div>
{{ pimcore_wysiwyg("content-question_end") }}
</div>
<div class="uk-margin-top">
{% if pimcore_website_config('akimediaActivate') %}
<a href="{{ path("inscriptionCentre", {id: centre}) }}" class="uk-button uk-button-primary">{{ "Je m'inscris"|trans }}</a>
{% else %}
{{ pimcore_link("btn-action-question-end") }}
{% endif %}
</div>
</div>
</div>
<div class="apk-step-actions uk-grid uk-text-center uk-text-left@s">
<div class="uk-width-expand@s">
<button type="button" class="start">{{ 'Retour au début'|trans }}</button>
</div>
<div class="uk-width-auto@s">
<button type="button" class="prev uk-hidden">
{{ 'Précédent'|trans }}
</button>
<button type="button" class="next-no-matter uk-hidden">
{{ 'Continuer le test'|trans }}
</button>
</div>
<div class="uk-text-center uk-width-1-1 uk-margin-top">
{% if pimcore_website_config('akimediaActivate') %}
<a href="{{ path("inscriptionCentre", {id: centre}) }}">{{ "M'inscrire sans passer le test"|trans }}</a>
{% else %}
{{ pimcore_link("btn-action-skip-test") }}
{% endif %}
</div>
</div>
<div class="question-message-container-complement">
<div class="question-message-complement_1"></div>
<div class="question-message-complement_2"></div>
<div class="question-message-complement_3"></div>
<div class="question-message-complement_4"></div>
<div class="question-message-complement_5"></div>
<div class="question-message-complement_6"></div>
<div class="question-message-common"></div>
</div>
<div class="question-message-after"></div>
</div>
</form>
<div class="apk-step-informations uk-hidden">
<div>Previous Step: <strong id="data-apk-prev-step">0</strong></div>
<div>Current Step: <strong id="data-apk-current-step">1</strong></div>
<!--<span id="data-apk-percent-step">0%</span>-->
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
{# Pre-chargement des images des différentes étapes #}
<div data-apk-image-wrapper-step="default" class="uk-hidden uk-invisible">
{{ pimcore_image("section-questions-img_default", {
"imgAttributes" : {
"data-apk-image-step" : "default"
}
}) }}
</div>
{% for i in 1..nbSlide %}
<div data-apk-image-wrapper-step="{{i}}" class="uk-hidden uk-invisible">
{{ pimcore_image("section-questions-img_" ~ i, {
"imgAttributes" : {
"data-apk-image-step" : i
}
}) }}
</div>
{% if i == 2 or i == 5 %}
<div data-apk-image-wrapper-step="{{i}}.1" class="uk-hidden uk-invisible">
{{ pimcore_image("section-questions-img_" ~ i ~'-1') }}
</div>
{% endif %}
{% endfor %}
<div data-apk-image-wrapper-step="end" class="uk-hidden uk-invisible">
{{ pimcore_image("section-questions-img_end", {
"imgAttributes" : {
"data-apk-image-step" : "end"
}
}) }}
</div>
{% endif %}
{{ pimcore_areablock('contentBottom') }}
</main>
{% endblock content %}
{% block inlinescripts %}
{% if not editmode %}
{% if app.request.locale =="nl" %}
{% set datePickerLang = "nl-NL" %}
{% elseif app.request.locale == "de" %}
{% set datePickerLang = "de-DE" %}
{% else %}
{% set datePickerLang = "fr-FR" %}
{% endif %}
<link rel="stylesheet" href="/static/vendors/datepicker-master/dist/datepicker.min.css">
<script src="/static/vendors/datepicker-master/dist/datepicker.min.js"></script>
<script src="/static/vendors/datepicker-master/i18n/datepicker.{{datePickerLang|raw}}.js"></script>
<script src="/static/vendors/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js"></script>
<script>
var datepickerInput;
try {
datepickerInput = $('[data-toggle="datepicker"]').datepicker({
format: 'dd/mm/yyyy',
language: '{{datePickerLang}}',
autoHide: true
});
}
catch (e) {
}
$(function () {
$(document).ready(function () {
$('input[data-toggle="datepicker"]').mask('00/00/0000').on('change input paste', function () {
var isValid = isValidDate($(this));
});
});
});
var $form = $('#form-quipeutdonnersonsang');
function getAge(dateString) {
var today = new Date();
var birthDate = new Date(dateString);
var age = today.getFullYear() - birthDate.getFullYear();
var m = today.getMonth() - birthDate.getMonth();
if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
age--;
}
return age;
}
function removeMessage($question) {
$question.find('.question-message-before').html('');
$form.find('.question-message-after').html('');
enableNext();
}
function showMessage($question, message, color, where) {
removeMessage($question);
if(where=='after'){
var $error = $form.find('.question-message-' + where);
} else if( where=='complement_1' || where=='complement_2' || where=='complement_3' || where=='complement_4' || where=='complement_5' || where=='complement_6') {
var $error = $form.find('.question-message-' + where);
} else {
var $error = $question.find('.question-message-' + where);
}
$error.html(message).removeClass('question-message--red').removeClass('question-message--yellow').addClass('question-message--' + color);
if (color == 'red') {
disableNext();
} else {
enableNext();
}
}
function resetAllMessage() {
$form.find('.question-message-complement_1').html('');
$form.find('.question-message-complement_2').html('');
$form.find('.question-message-complement_3').html('');
$form.find('.question-message-complement_4').html('');
$form.find('.question-message-complement_5').html('');
$form.find('.question-message-complement_6').html('');
$form.find('.question-message-common').html('');
$form.find('.question-message-after').html('');
}
function disableNext() {
$('#form-quipeutdonnersonsang .next').addClass('apk-disabled-button').prop('disabled', true);
$('#form-quipeutdonnersonsang .next-no-matter').removeClass('uk-hidden');
}
function enableNext() {
$('#form-quipeutdonnersonsang .next').removeClass('apk-disabled-button').prop('disabled', false);
$('#form-quipeutdonnersonsang .next-no-matter').addClass('uk-hidden');
}
function hideNext() {
$('#form-quipeutdonnersonsang .next').addClass('uk-hidden');
$('#form-quipeutdonnersonsang .next-no-matter').addClass('uk-hidden');
}
function hidePrev() {
$('#form-quipeutdonnersonsang .prev').addClass('uk-hidden');
}
function showPrev() {
$('#form-quipeutdonnersonsang .prev').removeClass('uk-hidden');
}
function updatePicto(currentStep) {
if($('[data-apk-image-wrapper-step = "' + currentStep + '"] img').length){
var $html = $('[data-apk-image-wrapper-step = "' + currentStep + '"]').html();
} else {
var $html = $('[data-apk-image-wrapper-step = "default"]').html();
}
$('.section-questions-container-icon').html($html)
}
var sexe = "";
function showQuestion(prevNumber, number) {
if(prevNumber == "1"){
sexe = $('input[name="q1"]:checked').val();
}
//console.log('showQuestion ' + number);
$form.find('[data-question]').addClass("uk-hidden");
$form.find('[data-question="' + number + '"]').removeClass("uk-hidden");
if($('#form-quipeutdonnersonsang .next-no-matter').hasClass('uk-hidden')==false){
$('#form-quipeutdonnersonsang .next-no-matter').addClass('uk-hidden');
}
resetAllMessage();
//tracking
var labelStep = getStepLabelForGATracking(prevNumber);
var langue = " {{ app.request.locale }}";
if(sexe == "Homme" && prevNumber == "16"){
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'test_elibility',
'step': "15"+labelStep,
'language': langue,
});
}else{
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'test_elibility',
'step': prevNumber+labelStep,
'language': langue,
});
if(sexe == "Femme" && prevNumber == "14"){
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
'event': 'test_elibility',
'step': "15-merci",
'language': langue,
});
}
}
if($('#data-apk-prev-step').text()!=false){
showPrev();
}
updateStep(prevNumber, number);
updatePicto(number);
progressBar(number);
}
function getStepLabelForGATracking(step){
switch (step) {
case '1':
return "-genre";
break;
case '2':
//case '2.1':
return "-date-naissance";
break;
case '3':
return "-poids";
break;
case '4':
return "-sejour-uk";
break;
case '5':
//case '5.1':
return "-voyage-hors-Belgique";
break;
case '6':
return "-grossesse";
break;
case '7':
return "-fievre-infection";
break;
case '8':
return "-medicaments";
break;
case '9':
return "-vaccins";
break;
case '10':
return "-endoscopie";
break;
case '11':
return "-dentiste";
break;
case '12':
return "-piercing-tattoo";
break;
case '13':
return "-drogues";
break;
case '14':
return "-partenaire";
break;
case '15':
if(sexe == "Homme"){
return "-partenaire";
}else{
return '';
}
break;
case '16':
if(sexe == "Homme"){
return "-merci";
}else{
return '';
}
break;
case 'end':
return "-merci";
break;
}
}
function updateStep(prevStep, currentStep) {
// var prev_step = $form.attr('data-prev-step');
// var current_step = $form.attr('data-current-step');
// $('#data-apk-prev-step').text(prev_step);
// $('#data-apk-current-step').text(current_step);
$('#data-apk-prev-step').text(prevStep);
$('#data-apk-current-step').text(currentStep);
}
function progressBar(currentStep) {
var totalSteps = ($('[data-question]').length - $('[data-question*="."]').length);
var totalProgress = currentStep * 100 / totalSteps;
if(currentStep=='1'){
$('#apk-progress-bar-question').attr('value', 0);
} else if(currentStep=='end') {
$('#apk-progress-bar-question').attr('value', 100);
} else {
$('#apk-progress-bar-question').attr('value', Math.round(totalProgress));
}
// Only for debug/dev
$('#data-apk-percent-step').text(currentStep + '/' + totalSteps + '=>' + Math.round(totalProgress) + '%');
}
function serializeCheckbox(element, arrayName) {
/*var fields = element.serializeArray();
jQuery.each( fields, function( i, field ) {
console.log( field.value + " " );
});*/
var returnArray = [];
var fields = element.serializeArray();
jQuery.each(fields, function (i, field) {
//console.log( field.value + " " );
returnArray.push(field.value);
});
returnArray = [arrayName, returnArray];
//console.log(returnArray);
}
var i18ln_erreur1 = '{{"!!Eligibilité!!erreur1"|trans|raw}}';
var i18ln_erreur2 = '{{"!!Eligibilité!!erreur2"|trans|raw}}';
var i18ln_erreur3 = '{{"!!Eligibilité!!erreur3"|trans|raw}}';
var i18ln_erreur4 = '{{"!!Eligibilité!!erreur4"|trans|raw}}';
var i18ln_erreur5 = '{{"!!Eligibilité!!erreur5"|trans|raw}}';
var i18ln_erreur6 = '{{"!!Eligibilité!!erreur6"|trans|raw}}';
var i18ln_erreur7 = '{{"!!Eligibilité!!erreur7"|trans|raw}}';
var i18ln_erreur8 = '{{"!!Eligibilité!!erreur8"|trans|raw}}';
var i18ln_erreur8_2 = '{{"!!Eligibilité!!erreur8_2"|trans|raw}}';
var i18ln_erreur9 = '{{"!!Eligibilité!!erreur9"|trans|raw}}';
var i18ln_erreur10 = '{{"!!Eligibilité!!erreur10"|trans|raw}}';
var i18ln_erreur11 = '{{"!!Eligibilité!!erreur11"|trans|raw}}';
var i18ln_complement_10_11 = '{{"!!Eligibilité!!complement10_11"|trans|raw}}';
i18ln_erreur10 += '<br/><br/>' + i18ln_complement_10_11;
i18ln_erreur11 += '<br/><br/>' + i18ln_complement_10_11;
var i18ln_erreur12 = '{{"!!Eligibilité!!erreur12"|trans|raw}}';
var i18ln_erreur13 = '{{"!!Eligibilité!!erreur13"|trans|raw}}';
//var i18ln_info14 = 'Attention ! Il arrive que la prise d’un médicament ne pose pas de problème pour le don de sang, mais que la maladie pour laquelle vous le prenez ou l’avez pris soit une contre-indication. En cas de doute, contactez-nous au <strong>0800 92 245</strong> ou envoyez-nous un mail à <strong>info@croix-rouge.be</strong><br /><br />Mentionnez toujours les médicaments que vous prenez au médecin de la collecte.';
var i18ln_complement_14_1 = '{{"!!Eligibilité!!complement14_1"|trans|raw}}';
var i18ln_complement_14_2 = '{{"!!Eligibilité!!complement14_2"|trans|raw}}';
var i18ln_complement_14_3 = '{{"!!Eligibilité!!complement14_3"|trans|raw}}';
var i18ln_complement_14_4 = '{{"!!Eligibilité!!complement14_4"|trans|raw}}';
var i18ln_complement_14_5 = '{{"!!Eligibilité!!complement14_5"|trans|raw}}';
var i18ln_complement_14_6 = '{{"!!Eligibilité!!complement14_6"|trans|raw}}';
var i18ln_complement_14_common = '{{"!!Eligibilité!!complement14_common"|trans|raw}}';
var i18ln_erreur15 = 'CONTENU ETAPE 9';
var i18ln_complement_15_1 = '{{"!!Eligibilité!!complement15_1"|trans|raw}}';
var i18ln_complement_15_2 = '{{"!!Eligibilité!!complement15_2"|trans|raw}}';
var i18ln_complement_15_3 = '{{"!!Eligibilité!!complement15_3"|trans|raw}}';
var i18ln_complement_15_4 = '{{"!!Eligibilité!!complement15_4"|trans|raw}}';
var i18ln_complement_15_5 = '{{"!!Eligibilité!!complement15_5"|trans|raw}}';
var i18ln_complement_15_common = '{{"!!Eligibilité!!complement15_common"|trans|raw}}';
var i18ln_erreur16 = '{{"!!Eligibilité!!erreur16"|trans|raw}}';
var i18ln_info17 = '{{"!!Eligibilité!!info17"|trans|raw}}';
var i18ln_erreur18 = '{{"!!Eligibilité!!erreur18"|trans|raw}}';
var i18ln_info19 = '{{"!!Eligibilité!!info19"|trans|raw}}';
var i18ln_erreur20 = '{{"!!Eligibilité!!erreur20"|trans|raw}}';
var i18ln_erreur21 = '{{"!!Eligibilité!!erreur21"|trans|raw}}';
var i18ln_erreur22 = '{{"!!Eligibilité!!erreur22"|trans|raw}}';
(function ($) {
var $form = $('#form-quipeutdonnersonsang');
$form.find('.start').click(function (e) {
e.preventDefault();
$form.trigger('reset');
var currentStep = $('#data-apk-current-step').text();
showQuestion(currentStep, "1");
hidePrev();
updateStep("0", "1");
});
$form.find('.prev').click(function (e) {
e.preventDefault();
var targetStep = $('#data-apk-prev-step').text();
var currentStep = $('#data-apk-current-step').text();
var activePrev = false;
$("[data-question='" + currentStep + "'] input[type='radio'], [data-question='" + currentStep + "'] input[type='checkbox']").prop('checked', false);
$("[data-question='" + currentStep + "'] input[type='text'], [data-question='" + currentStep + "'] input[type='date']").prop('value', '');
$("[data-question='" + targetStep + "'] input[type='radio'], [data-question='" + targetStep + "'] input[type='checkbox']").prop('checked', false);
$("[data-question='" + targetStep + "'] input[type='text'], [data-question='" + targetStep + "'] input[type='date']").prop('value', '');
showQuestion(currentStep, targetStep);
updateStep(false, targetStep);
enableNext();
if (targetStep == '1' || activePrev == false) {
hidePrev();
}
});
$form.find('.next, .next-no-matter').click(function (e) {
e.preventDefault();
//$form.find('prev').removeClass('uk-invisible');
var $question = $form.find('[data-question]').not('.uk-hidden');
var questionN = $question.attr('data-question');
var $error = $question.find('.question-message');
// êtes-vous un homme ou une femme ?
if (questionN == "1") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
showQuestion(questionN, "2");
showPrev();
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "2");
showPrev();
}
}
// Quelle est votre date de naissance ?
else if (questionN == "2") {
if ($form.find('[name="q' + questionN + '"]').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
}
else if (!isValidDate($form.find('[name="q' + questionN + '"]'))) {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur2, 'red', 'before');
} else {
var age = getAge(datepickerInput.datepicker('getDate'));
//console.log('age ' + age);
if (isNaN(age) || age < 0) {
// Veuillez entrer une date valide.
showMessage($question, i18ln_erreur2, 'red', 'before');
} else {
if (age < 18) {
// Vous êtes actuellement trop jeune pour donner votre sang. Mais nous vous remercions pour votre intérêt. Revenez nous voir dès que vous aurez 18 ans !
showMessage($question, i18ln_erreur3, 'red', 'after');
} else if (age >= 18 && age <= 65) {
showQuestion(questionN, "3");
} else if (age >= 66 && age <= 74) {
showQuestion(questionN, "2.1");
} else {
// Malheureusement, vous ne pouvez pas donner votre sang car le 1er don de sang doit avoir été effectué avant votre 66ème anniversaire et le dernier don doit remonter à moins de 3 ans.
showMessage($question, i18ln_erreur4, 'red', 'after');
}
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "3");
}
}
// Avez-vous fait un don ces trois dernières années ?
else if (questionN == "2.1") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
showQuestion(questionN, "3");
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "3");
}
}
// Quel est votre poids et votre taille ? Si <50kg
else if (questionN == "3") {
if ($form.find('[name="q' + questionN + '"]').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else if (isNaN($form.find('[name="q' + questionN + '"]').val())) {
// Veuillez entrer un nombre valide.
showMessage($question, i18ln_erreur7, 'red', 'before');
} else if ($form.find('[name="q' + questionN + '"]').val() < parseInt($form.find('[name="q' + questionN + '"]').attr('min')) || $form.find('[name="q' + questionN + '"]').val() > parseInt($form.find('[name="q' + questionN + '"]').attr('max'))) {
// Veuillez entrer un nombre valide.
showMessage($question, i18ln_erreur7, 'red', 'before');
} else if ($form.find('[name="q' + questionN + '"]').val() < 50) {
// Vous ne pouvez actuellement pas donner votre sang, car vous devez peser au minimum 50kg. C'est une condition légale, et ce dans le but de vous protéger. En effet, un don de sang ne peut pas dépasser 13% du volume sanguin total ; ce dernier dépend de la taille, du poids et du sexe.
showMessage($question, i18ln_erreur8, 'red', 'after');
} else {
if ($form.find('[name="q' + questionN + 'taille"]').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else if (isNaN($form.find('[name="q' + questionN + 'taille"]').val())) {
// Veuillez entrer un nombre valide.
showMessage($question, i18ln_erreur7, 'red', 'before');
} else if ($form.find('[name="q' + questionN + 'taille"]').val() < parseInt($form.find('[name="q' + questionN + 'taille"]').attr('min')) || $form.find('[name="q' + questionN + 'taille"]').val() > parseInt($form.find('[name="q' + questionN + 'taille"]').attr('max'))) {
// Veuillez entrer un nombre valide.
showMessage($question, i18ln_erreur7, 'red', 'before');
} else {
var $poids = $form.find('[name="q' + questionN + '"]').val();
var $taille = $form.find('[name="q' + questionN + 'taille"]').val();
if (
($poids < 51 && $taille < 156) ||
($poids == 51 && $taille < 155) ||
($poids == 52 && $taille < 153) ||
($poids == 53 && $taille < 151) ||
($poids == 54 && $taille < 149) ||
($poids == 55 && $taille < 148) ||
($poids == 56 && $taille < 146)
) {
// Attention ! La correspondance entre votre poids et votre taille ne convient pas pour donner votre sang.
showMessage($question, i18ln_erreur8_2, 'red', 'after');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
showQuestion(questionN, "4");
}
}
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "4");
}
}
// De 1980 à 1996, avez-vous séjourné plus de 6 mois (tous séjours confondus) au Royaume- Uni (Angleterre, Écosse, Pays de Galles et Irlande du Nord)?
else if (questionN == "4") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
showQuestion(questionN, "5");
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "5");
}
}
// Avez-vous voyagé hors de la Belgique ces 6 derniers mois?
else if (questionN == "5") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Oui') {
showQuestion(questionN, "5.1");
} else {
//alert($form.find('[name="q1"]:checked').val());
if ($form.find('[name="q1"]:checked').val() == 'Femme') {
showQuestion(questionN, "6");
} else {
showQuestion(questionN, "7");
}
}
}
}
if($(this).hasClass('next-no-matter')) {
if ($form.find('[name="q1"]:checked').val() == 'Femme') {
showQuestion(questionN, "6");
} else {
showQuestion(questionN, "7");
}
}
}
// Avez-vous voyagé à l’extérieur de l’Europe ?
else if (questionN == "5.1") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q1"]:checked').val() == 'Femme') {
showQuestion(questionN, "6");
} else {
showQuestion(questionN, "7");
}
}
}
if($(this).hasClass('next-no-matter')) {
if ($form.find('[name="q1"]:checked').val() == 'Femme') {
showQuestion(questionN, "6");
} else {
showQuestion(questionN, "7");
}
}
}
// Si répondu F à la Q1 : êtes-vous enceinte ou avez-vous accouché dans les 6 derniers mois ?
else if (questionN == "6") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Non') {
showQuestion(questionN, "7");
}
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "7");
}
}
// Q7 : Avez-vous eu récemment de la fièvre ou une infection (bronchite, infection urinaire...) ?
else if (questionN == "7") {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
showQuestion(questionN, "8");
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "8");
}
}
// Q8 : Prenez-vous des médicaments ?
else if (questionN == "8") {
// Veuillez répondre à la question.
//showMessage($question, i18ln_erreur1, 'red', 'before');
// if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Non') {
// disableNext();
// }
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Non') {
showQuestion(questionN, "9");
}
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "9");
}
}
// 9. Avez-vous été vacciné(e) il y a moins d’un mois ?
else if (questionN == "9") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() != '') {
showQuestion(questionN, "10");
}
}
}
}
// 10. Avez-vous subi une endoscopie (arthroscopie, gastroscopie, coloscopie…) ou une opération dans les 4 derniers mois ?
else if (questionN == "10") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Non') {
showQuestion(questionN, "11");
}
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "11");
}
}
// 11. êtes-vous allé.e chez le dentiste au cours des 7 derniers jours ?
else if (questionN == "11") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Non' || $form.find('[name="q' + questionN + '"]:checked').val() == 'Oui') {
showQuestion(questionN, "12");
}
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "12");
}
}
// 12. Avez-vous fait un piercing (y compris boucles d’oreilles) ou un tatouage (y compris maquillage permanent) durant ces 4 derniers mois ?
else if (questionN == "12") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Non') {
showQuestion(questionN, "13");
}
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "13");
}
}
// 13. Avez-vous déjà consommé de la drogue ?
else if (questionN == "13") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Non' || $form.find('[name="q' + questionN + '"]:checked').val() == 'Oui') {
if ($form.find('[name="q1"]:checked').val() == 'Femme') {
showQuestion(questionN, "14");
} else {
showQuestion(questionN, "15");
}
}
}
}
if($(this).hasClass('next-no-matter')) {
if ($form.find('[name="q1"]:checked').val() == 'Femme') {
showQuestion(questionN, "14");
} else {
showQuestion(questionN, "15");
}
}
}
// 14. Si répondu F (femme) à la Q2: Avez-vous eu un.e nouveau.elle partenaire sexuel.le au cours des 4 derniers mois ? (avec ou sans préservatif)
else if (questionN == "14") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Non') {
showQuestion(questionN, "end");
hideNext();
hidePrev();
}
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "end");
hideNext();
hidePrev();
}
}
// 15. Si répondu H (hommme) à la Q2: Avez-vous eu une nouvelle partenaire sexuelle au cours des 4 derniers mois ? (avec ou sans préservatif)
else if (questionN == "15") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Non') {
showQuestion(questionN, "16");
}
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "16");
}
}
// 16. Si répondu H (hommme) à la Q2: Au cours des 12 derniers mois, avez-vous eu une relation sexuelle avec un homme ?
else if (questionN == "16") {
if ($form.find('[name="q' + questionN + '"]:checked').val() == '') {
// Veuillez répondre à la question.
showMessage($question, i18ln_erreur1, 'red', 'before');
} else {
if ($('#form-quipeutdonnersonsang .next').prop("disabled") !== true) {
if ($form.find('[name="q' + questionN + '"]:checked').val() == 'Non') {
showQuestion(questionN, "end");
hideNext();
hidePrev();
}
}
}
if($(this).hasClass('next-no-matter')) {
showQuestion(questionN, "end");
hideNext();
hidePrev();
}
}
});
$(document).on('change input cut copy paste', '#form-quipeutdonnersonsang :input', function () {
var $question = $(this).closest('[data-question]');
enableNext();
removeMessage($question)
});
$(document).on('change', '#form-quipeutdonnersonsang input[type="radio"]', function () {
var $question = $(this).closest('[data-question]');
if ($(this).attr('data-message') && $(this).attr('data-message') != 'false') {
showMessage($question, eval($(this).attr('data-message')), $(this).attr('data-color'), $(this).attr('data-where'));
} else {
removeMessage($question);
}
if($(this).hasClass('is-autovalidate')) {
$(this).parents('.uk-form-controls').find('.next').trigger( "click" );
}
if ($(this).attr('data-apk-toggle') == 'true' || $(this).attr('data-apk-toggle') == 'false') {
var toggleTarget = $(this).parents('[data-apk-toggle-target]').attr('data-apk-toggle-target');
if ($(this).attr('data-apk-toggle') == 'true') { // Note: Ajout du namespace 'atp' pour éviter des conflits avec d'autres functions JS (vendor)
$(toggleTarget).show();
$('#form-quipeutdonnersonsang .next-no-matter').removeClass('uk-hidden');
} else if ($(this).attr('data-apk-toggle') == 'false') {
$(toggleTarget).hide();
}
}
});
$(document).on('change', '#form-quipeutdonnersonsang input[type="checkbox"]', function () {
var $question = $(this).closest('[data-question]');
if ($(this).prop('checked')) {
if ($(this).attr('data-message') && $(this).attr('data-message') != 'false') {
showMessage($question, eval($(this).attr('data-message')), $(this).attr('data-color'), $(this).attr('data-where'));
$('#form-quipeutdonnersonsang .next-no-matter').removeClass('uk-hidden');
}
} else {
var $question = $(this).closest('[data-question]');
var where = $(this).parents('[data-apk-where]').attr('data-apk-where');
//var message = $(this).parents('[data-apk-message]').attr('data-apk-message');
var message = eval($(this).parents('[data-apk-message]').attr('data-apk-message'))
var countElementChecked = $(this).parents('[data-apk-message]').find('input:checked').length;
var $error = $form.find('.question-message-' + where);
var $errorContainer = $form.find('.question-message-container-complement');
if (countElementChecked >= 1) {
if ($errorContainer.hasClass('is-not-empty') == false) {
$errorContainer.addClass('is-not-empty')
}
$error.html(message);
/*if( $question.attr('data-question') == "8" && ($form.find('[name="q8"]:checked').val() == 'Oui')) {
$('#form-quipeutdonnersonsang .next-no-matter').removeClass('uk-hidden');
}*/
} else {
if ($errorContainer.hasClass('is-not-empty') == true) {
$errorContainer.removeClass('is-not-empty')
}
$error.html('');
}
var currentWhere = $(this).attr('data-where');
var countWhere = $question.find('input[data-where=' + currentWhere + ']:checked').length;
//console.log(countWhere);
if (countWhere == 0) {
//alert('DELETE: .question-message-' + currentWhere);
if(currentWhere=='after'){
alert('after checkbox');
} else {
$form.find('.question-message-' + currentWhere).html('');
}
}
$('#form-quipeutdonnersonsang .next-no-matter').removeClass('uk-hidden');
}
if ($question.attr('data-question') == "9") {
if (
$("input[name='q9.1']").prop("checked") == false &&
$("input[name='q9.2']").prop("checked") == false &&
$("input[name='q9.3']").prop("checked") == false &&
$("input[name='q9.4']").prop("checked") == false &&
$("input[name='q9.5']").prop("checked") == false &&
$("input[name='q9.7']").prop("checked") == false &&
$("input[name='q9.6']").prop("checked") == true
) {
//$form.find('.question-message-title-common').hide();
$form.find('.question-message-complement_common').html('');
} else {
//$form.find('.question-message-title-common').show();
}
}
});
/* $('[data-question="8"] .has-serialize-checkbox label').on('click', function () {
//if($("#toggle-q8-yes").css('display')=='block'){
serializeCheckbox($("#toggle-q8-yes :input[type='checkbox']"));
//}
});*/
$(document).on('change', '[data-question="8"] .has-serialize-checkbox input[type="checkbox"]', function () {
var element = '[data-question="8"] .has-serialize-checkbox label';
var q8_1 = [], q8_2 = [], q8_3 = [], q8_4 = [], q8_5 = [];
$(element + " input[name='q8.1']:checked").each(function () {
q8_1.push($(this).val());
});
$(element + " input[name='q8.2']:checked").each(function () {
q8_2.push($(this).val());
});
$(element + " input[name='q8.3']:checked").each(function () {
q8_3.push($(this).val());
});
$(element + " input[name='q8.4']:checked").each(function () {
q8_4.push($(this).val());
});
$(element + " input[name='q8.5']:checked").each(function () {
q8_5.push($(this).val());
});
var q8_6 = $(element + " input[name='q8.6']");
//console.log(JSON.stringify([q8_1, q8_2, q8_3]));
// console.log('1:'+q8_1.join(", "));
// console.log('2:'+q8_2.join(", "));
// console.log('3:'+q8_3.join(", "));
/* var containerMessage1 = $(this).closest('[data-question]').find('.question-message-complement_1');
var containerMessage2 = $(this).closest('[data-question]').find('.question-message-complement_2');
var containerMessage3 = $(this).closest('[data-question]').find('.question-message-complement_3');
var containerMessage4 = $(this).closest('[data-question]').find('.question-message-complement_4');
var containerMessage5 = $(this).closest('[data-question]').find('.question-message-complement_5');
var containerMessage6 = $(this).closest('[data-question]').find('.question-message-complement_6');
var containerMessageCommon = $(this).closest('[data-question]').find('.question-message-common');*/
var containerMessage1 = $form.find('.question-message-complement_1');
var containerMessage2 = $form.find('.question-message-complement_2');
var containerMessage3 = $form.find('.question-message-complement_3');
var containerMessage4 = $form.find('.question-message-complement_4');
var containerMessage5 = $form.find('.question-message-complement_5');
var containerMessage6 = $form.find('.question-message-complement_6');
var containerMessageCommon = $form.find('.question-message-common');
if (q8_1 != '') {
var containerMessage1Updated = i18ln_complement_14_1.replace("[[CHOICE]]", '<strong>' + q8_1.join(", ") + '</strong>');
containerMessage1.html(containerMessage1Updated);
} else {
containerMessage1.html('');
}
if (q8_2 != '') {
var containerMessage2Updated = i18ln_complement_14_2.replace("[[CHOICE]]", '<strong>' + q8_2.join(", ") + '</strong>');
containerMessage2.html(containerMessage2Updated);
} else {
containerMessage2.html('');
}
if (q8_3 != '') {
var containerMessage3Updated = i18ln_complement_14_3.replace("[[CHOICE]]", '<strong>' + q8_3.join(", ") + '</strong>');
containerMessage3.html(containerMessage3Updated);
} else {
containerMessage3.html('');
}
if (q8_4 != '') {
var containerMessage4Updated = i18ln_complement_14_4.replace("[[CHOICE]]", '<strong>' + q8_4.join(", ") + '</strong>');
containerMessage4.html(containerMessage4Updated);
} else {
containerMessage4.html('');
}
if (q8_5 != '') {
var containerMessage5Updated = i18ln_complement_14_5.replace("[[CHOICE]]", '<strong>' + q8_5.join(", ") + '</strong>');
containerMessage5.html(containerMessage5Updated);
} else {
containerMessage5.html('');
}
if (q8_6.prop('checked')) {
containerMessage6.html(i18ln_complement_14_6);
} else {
containerMessage6.html('');
}
if (q8_1 != '' || q8_2 != '' || q8_3 != '' || q8_4 != '' || q8_5 != '' || q8_6 != '') {
containerMessageCommon.html(i18ln_complement_14_common);
} else {
containerMessageCommon.html('');
}
$('#form-quipeutdonnersonsang .next-no-matter').removeClass('uk-hidden');
});
if ($('[data-apk-message]').length) {
$('[data-apk-message] label').on('click', function (e) {
//e.preventDefault();
var $question = $(this).closest('[data-question]');
var where = $(this).parents('[data-apk-where]').attr('data-apk-where');
//var message = $(this).parents('[data-apk-message]').attr('data-apk-message');
var message = eval($(this).parents('[data-apk-message]').attr('data-apk-message'));
var countElementChecked = $(this).parents('[data-apk-message]').find('input:checked').length;
var $error = $form.find('.question-message-' + where);
var $errorContainer = $form.find('.question-message-container-complement');
if (countElementChecked >= 1) {
if ($errorContainer.hasClass('is-not-empty') == false) {
$errorContainer.addClass('is-not-empty')
}
$error.html(message);
} else {
if ($errorContainer.hasClass('is-not-empty') == true) {
$errorContainer.removeClass('is-not-empty')
}
$error.html('');
}
var currentWhere = $(this).find('input').attr('data-where');
var countWhere = $question.find('input[data-where=' + currentWhere + ']:checked').length;
//console.log(countWhere);
if (countWhere == 0) {
//alert('DELETE: .question-message-' + currentWhere);
$question.find('.question-message-' + currentWhere).html('');
}
});
}
/*$(document).on('change', '#form-quipeutdonnersonsang .has-apk-toggle [data-apk-toggle]', function () {
if($(this).attr('data-apk-toggle') && $(this).attr('data-apk-toggle')!='false') {
} else {
}
});*/
})(jQuery);
</script>
{% endif %}
{% endblock inlinescripts %}