templates/inscription/inscription-centre.html.twig line 1

Open in your IDE?
  1. {% extends "layout.html.twig" %}
  2. {% block content %}
  4. <!-- Modal test SANG -->
  5. <div id="apk-modal-test-plasma" uk-modal>
  6.     <div class="uk-modal-dialog uk-modal-body">
  7.         <button class="uk-modal-close-default" type="button" uk-close></button>
  8.         {{ pimcore_inc("/" ~ app.request.locale ~ "/Snippets/form-eligibilite-inscription", {'id' : centre.site.id}) }}
  9.     </div>
  10. </div>
  11. <!-- Modal si jamais donné SANG et/ou PLASMA -->
  12. <div id="apk-modal-never-give" class="uk-modal-container" uk-modal>
  13.     <div class="uk-modal-dialog uk-modal-body">
  14.         <button class="uk-modal-close-outside" type="button" uk-close></button>
  15.         <div class="uk-modal-body">
  16.             <div class="uk-flex uk-flex-middle">
  17.                 <div class="uk-width-1-1">
  18.                     <h3>{{"Attention !"|trans}}</h3>
  19.                     <p>
  20.                         {{"En tant que nouveau donneur, une procédure de première inscription vous sera demandée lors de votre premier rendez-vous."|trans}}<br>
  21.                         {{"Nous vous demandons de vous présenter 15 min à l'avance."|trans}}<br>
  22.                         {{"Merci."|trans}}
  23.                     </p>
  24.                 </div>
  25.             </div>
  26.         </div>
  27.         <div class="uk-modal-footer uk-text-right">
  28.             <button class="uk-button uk-modal-close" type="button">{{"Fermer"|trans}}</button>
  29.         </div>
  30.     </div>
  31. </div>
  33. <div class="page-collect-centre-inscription-form apk-page-inscription">
  34.     <div class="uk-container apk-container-1400 uk-margin-large-top">
  35.         <div class="section-sites-prelevement-item">
  36.             <h2 class="h-big-lowcase-grey">{{ "Prendre un rendez-vous dans un centre de prélèvement"|trans }}</h2>
  37.             <div class="uk-grid" uk-grid>
  38.                 <div class="uk-width-2-3@s">
  39.                     <div class="uk-text-uppercase uk-width-1-1 uk-margin-bottom" style="border-bottom: 1px solid grey;">{{ 'Votre Centre'|trans }}</div>
  40.                     <div class="uk-grid uk-grid-small uk-child-width-1-2@s" uk-grid>
  41.                         <div>
  42.                             <div class="adresse">
  43.                                 <ul class="fa-ul">
  44.                                     <li>
  45.                                         <img uk-svg width="14" height="14" src="/static/img/pictos/position.svg" />
  46.                                         <strong>{{ centre.site.name }}</strong><br>
  47.                                         {{ centre.site.address }}<br>
  48.                                         {{ centre.site.zip }} {{ centre.site.city }}
  49.                                     </li>
  50.                                 </ul>
  51.                             </div>
  53.                             <div>
  54.                                 <ul class="fa-ul telephone">
  55.                                     <li>
  56.                                         <img uk-svg width="14" height="14" src="/static/img/pictos/phone.svg" />
  57.                                         <a href="tel:{{ centre.site.phone}}"
  58.                                         target="_blank">{{ centre.site.phone}}</a>
  59.                                     </li>
  60.                                 </ul>
  61.                             </div>
  63.                             <div class="horaires">
  64.                                 <ul class="fa-ul">
  65.                                     <li>
  66.                                         <img uk-svg width="14" height="14" src="/static/img/pictos/horaires.svg" />
  67.                                         {# <strong>{{ 'Horaires'|trans }} {{ 'du'|trans }} {{ date['weekStartDate'] }} {{'au'|trans}} {{ date['weekEndDate'] }}</strong><br/> #}
  68.                                         {% for jour,horaire in centre.days %}
  69.                                             {% if horaire %}
  70.                                                 {{ jour|trans }} : {{ horaire }}
  71.                                                 <br/>
  72.                                             {% else %}
  73.                                                 {{ jour|trans }} : {{ "Fermé"|trans }}
  74.                                                 <br/>
  75.                                             {% endif %}
  76.                                         {% endfor %}
  77.                                     </li>
  78.                                 </ul>
  79.                             </div>
  80.                         </div>
  82.                         <!-- <div>
  83.                             {% if not centre.site.info is empty %}
  84.                                 <div>
  85.                                     <ul class="fa-ul">
  86.                                         <li>
  87.                                             <i class="fa-li fa"><svg width="17" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M255.989 0C114.623 0 0 114.623 0 255.989 0 397.355 114.623 512 255.989 512 397.355 512 512 397.355 512 255.989 512 114.623 397.355 0 255.989 0Zm53.292 396.749c-13.177 5.201-23.666 9.145-31.533 11.876a83.188 83.188 0 0 1-27.35 4.096c-15.951 0-28.369-3.901-37.211-11.681-8.842-7.781-13.242-17.641-13.242-29.626 0-4.659.326-9.427.976-14.282a178.126 178.126 0 0 1 3.185-16.449l16.493-58.254c1.452-5.591 2.709-10.901 3.706-15.842.997-4.985 1.473-9.558 1.473-13.719 0-7.411-1.538-12.613-4.594-15.538-3.099-2.926-8.929-4.356-17.619-4.356-4.248 0-8.626.628-13.112 1.95-4.443 1.365-8.3 2.601-11.464 3.814l4.356-17.944c10.792-4.4 21.13-8.17 30.991-11.291a91.567 91.567 0 0 1 27.956-4.725c15.843 0 28.066 3.858 36.669 11.486 8.561 7.651 12.874 17.598 12.874 29.821 0 2.536-.304 7-.889 13.372a89.462 89.462 0 0 1-3.294 17.576l-16.406 58.08a164.502 164.502 0 0 0-3.619 15.951 84.402 84.402 0 0 0-1.582 13.567c0 7.715 1.712 12.981 5.18 15.777 3.424 2.796 9.427 4.204 17.922 4.204 4.01 0 8.496-.715 13.567-2.102 5.028-1.387 8.669-2.622 10.966-3.684l-4.399 17.923Zm-2.905-235.748a39.172 39.172 0 0 1-27.631 10.663c-10.75 0-20.025-3.555-27.74-10.663a34.044 34.044 0 0 1-11.552-25.855c0-10.077 3.901-18.746 11.552-25.919a39.28 39.28 0 0 1 27.74-10.771c10.771 0 20.003 3.576 27.631 10.771 7.651 7.173 11.487 15.842 11.487 25.919 0 10.121-3.836 18.747-11.487 25.855Z" style="fill:#F9B123;fill-rule:nonzero" transform="scale(.03125)"/></svg></i>
  88.                                             {{ centre.site.info|raw }}
  89.                                         </li>
  90.                                     </ul>
  91.                                 </div>
  92.                             {% endif %}
  94.                             {% if not centre.site.parking is empty %}
  95.                                 <div>
  96.                                     <ul class="fa-ul">
  97.                                         <li>
  98.                                             <i class="fa-li fa"><svg width="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M287 167h-62v60h62c16.538 0 30-13.462 30-30s-13.462-30-30-30Z" style="fill:#F9B123;fill-rule:nonzero" transform="scale(.03125)"/><path d="M437 0H75C33.647 0 0 33.647 0 75v362c0 41.353 33.647 75 75 75h362c41.353 0 75-33.647 75-75V75c0-41.353-33.647-75-75-75ZM287 287h-62v105c0 8.284-6.716 15-15 15h-30c-8.284 0-15-6.716-15-15V122c0-8.284 6.716-15 15-15h107c49.629 0 90 40.371 90 90s-40.371 90-90 90Z" style="fill:#F9B123;fill-rule:nonzero" transform="scale(.03125)"/></svg></i>
  99.                                             {{"Parking"|trans}}
  100.                                             <br>
  101.                                             {{ centre.site.parking|raw }}
  102.                                         </li>
  103.                                     </ul>
  104.                                 </div>
  105.                             {% endif %}
  107.                             {% if not centre.site.transports_commun is empty %}
  108.                                 <div>
  109.                                     <ul class="fa-ul">
  110.                                         <li>
  111.                                             <i class="fa-li fa"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#a)"><path d="M4.266 0c-1.455 0-3.2.793-3.2 2.93v9.87s0 1.067 1.067 1.067v1.066S2.133 16 3.2 16c1.066 0 1.066-1.067 1.066-1.067v-1.066h7.467v1.066S11.733 16 12.8 16c1.066 0 1.066-1.067 1.066-1.067v-1.066s1.067 0 1.067-1.067V2.93C14.933.747 13.615 0 12.16 0H4.266Zm.267 1.6h6.933a.267.267 0 0 1 0 .533H4.533a.267.267 0 1 1 0-.533ZM3.2 3.2h9.6c1.066 0 1.066 1.031 1.066 1.031v3.236s0 1.066-1.066 1.066H3.2c-1.067 0-1.067-1.066-1.067-1.066v-3.2S2.133 3.2 3.2 3.2Zm0 7.467a1.066 1.066 0 1 1 0 2.132 1.066 1.066 0 0 1 0-2.132Zm9.6 0a1.067 1.067 0 1 1 0 2.133 1.067 1.067 0 0 1 0-2.133Z" fill="#F9B123"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg></i>
  112.                                             {{"Transports en commun"|trans}}
  113.                                             <br>
  114.                                             {{ centre.site.transports_commun|raw }}
  115.                                         </li>
  116.                                     </ul>
  117.                                 </div>
  118.                             {% endif %}
  120.                             {% if not centre.site.accessibilite_pmr is empty %}
  121.                                 <div>
  122.                                     <ul class="fa-ul">
  123.                                         <li>
  124.                                             <i class="fa-li fa"><svg width="17" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M234.486 100.91c27.837 0 50.452-22.59 50.452-50.455C284.938 22.582 262.323 0 234.486 0c-27.869 0-50.466 22.582-50.466 50.455 0 27.865 22.597 50.455 50.466 50.455Zm77.967 285.907c-13.407 46.553-56.323 80.741-107.136 80.741-61.532 0-111.573-50.042-111.573-111.556 0-45.535 27.471-84.727 66.674-102.045v-47.294C96.217 226 49.309 285.597 49.309 356.002 49.309 442.015 119.293 512 205.316 512c62.69 0 116.724-37.258 141.5-90.717l-17.614-34.609c-4.945.041-10.673.093-16.749.143Z" style="fill:#F9B123;fill-rule:nonzero" transform="scale(.03125)"/><path d="M459.45 446.708 391.867 313.84a29.625 29.625 0 0 0-26.395-16.2h-86.558v-19.738h74.495c7.439 0 13.692-3.888 17.731-9.489 2.624-3.649 4.491-7.888 4.491-12.734 0-12.269-9.937-22.22-22.222-22.22h-74.495v-66.946c0-18.413-13.652-44.443-44.427-44.443-24.544 0-44.441 19.901-44.441 44.443v145.044c0 25.038 20.297 45.335 45.335 45.335h111.927l59.345 116.68c5.215 10.277 15.622 16.207 26.422 16.207a29.362 29.362 0 0 0 13.408-3.23c14.605-7.408 20.406-25.256 12.967-39.841Z" style="fill:#F9B123;fill-rule:nonzero" transform="scale(.03125)"/></svg></i>
  125.                                             {{"Accessibilité aux PMR"|trans}}
  126.                                             <br>
  127.                                             {{ centre.site.accessibilite_pmr|raw }}
  128.                                         </li>
  129.                                     </ul>
  130.                                 </div>
  131.                             {% endif %}
  132.                         </div> -->
  133.                     </div>
  135.                     <div class="uk-margin-top uk-text-center apk-container-cta-modal">
  136.                         <img src="/static/img/icons/questionnaire-plasma.png" style="width:80px" alt="">
  137.                         <p>
  138.                             {{"Prenez 2 minutes pour vérifier que vous êtes bien dans les conditions pour donner votre sang"|trans}}
  139.                         </p>
  140.                         <button class="uk-button" uk-toggle="target: #apk-modal-test-plasma">{{"Faire le test"|trans}}</button>
  141.                     </div>
  142.                 </div>
  143.                 <div class="uk-width-1-3@s">
  144.                     {% if centre.site.picture %}
  145.                         {% if not centre.site.maps_url is empty %} <a href="{{ centre.site.maps_url }}" target="_blank"> {% endif %}
  146.                         <figure class="uk-margin-top">
  147.                             <img src="{{ centre.site.picture }}" alt="{{ centre.site.name }}" />
  148.                             {% if centre.site.copyright %}
  149.                                 <figcaption>{{ centre.site.copyright }}</figcaption>
  150.                             {% endif %}
  151.                         </figure>
  152.                         {% if not centre.site.maps_url is empty %} </a> {% endif %}
  153.                     {% else %}
  154.                         <img src="/static/img/logos/logo-crb.svg" alt="Croix-Rouge de Belgique"/>
  155.                     {% endif %}
  156.                 </div>
  157.                 <div class="uk-width-1-1 uk-margin-small-bottom">
  158.                     {% if centre.site.informations %}
  159.                         <div class="note">
  160.                             <ul class="fa-ul">
  161.                                 <li><img uk-svg width="14" height="14" src="/static/img/pictos/info-circle.svg" />
  162.                                     {{ centre.site.informations|raw }}
  163.                                 </li>
  164.                             </ul>
  165.                         </div>
  166.                     {% endif %}
  167.                 </div>
  168.             </div>
  170.             <div class="uk-margin-medium-top">
  171.                 <form class="uk-form" role="form" name="form-validation" id="form-validation" method="POST">
  172.                     <div class="uk-text-uppercase uk-width-1-1" style="border-bottom: 1px solid grey;">{{ "A quelle date souhaitez-vous vous inscrire ?"|trans }}</div>
  173.                     <div class="warning-message uk-margin-top">{{"ATTENTION : le délai minimum entre 2 dons est de 15 jours. Si vous venez de donner, assurez-vous que le délai est bien respecté lors de votre prise de rendez-vous."|trans}}</div>
  174.                     <div uk-slider>
  175.                         <div class="uk-position-relative">
  176.                             <div class="uk-slider-container uk-padding">
  177.                                 <ul class="uk-slider-items uk-grid-small" uk-grid>
  178.                                     {% for i in 0..5 %}
  179.                                         <li class=" uk-width-1-4@m">
  180.                                             <div class="apk-calendar">
  181.                                                 {{ calendriers[i]|raw }}
  182.                                             </div>
  183.                                         </li>
  184.                                     {% endfor %}
  185.                                 </ul>
  186.                             </div>
  187.                             <div class="uk-visible@s">
  188.                                 <a class="uk-position-center-left-out uk-position-small" href="#" uk-slidenav-previous uk-slider-item="previous"></a>
  189.                                 <a class="uk-position-center-right-out uk-position-small" href="#" uk-slidenav-next uk-slider-item="next"></a>
  190.                             </div>
  191.                         </div>
  192.                         <ul class="uk-slider-nav uk-dotnav uk-margin-bottom uk-margin-left"></ul>
  193.                     </div>
  194.                     <div class="uk-grid-small" uk-grid>
  195.                         <div class="uk-width-1-1">
  196.                             <div class="uk-text-uppercase" style="border-bottom: 1px solid grey;">
  197.                                 <label class="control-label">
  198.                                     {{ "A quelle heure souhaitez-vous prendre rendez-vous le"|trans }} <span id="dateSelect" name="dateSelect" class="date-selected">...</span> ?
  199.                                 </label>
  200.                             </div>
  201.                             <div class="uk-width-1-1@m" id="resultats">
  202.                                 <div class="resultats-placeholder">
  203.                                     <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" data-svg="info"><path fill="currentColor" d="M12.13,11.59 C11.97,12.84 10.35,14.12 9.1,14.16 C6.17,14.2 9.89,9.46 8.74,8.37 C9.3,8.16 10.62,7.83 10.62,8.81 C10.62,9.63 10.12,10.55 9.88,11.32 C8.66,15.16 12.13,11.15 12.14,11.18 C12.16,11.21 12.16,11.35 12.13,11.59 C12.08,11.95 12.16,11.35 12.13,11.59 L12.13,11.59 Z M11.56,5.67 C11.56,6.67 9.36,7.15 9.36,6.03 C9.36,5 11.56,4.54 11.56,5.67 L11.56,5.67 Z"></path><circle fill="none" stroke="currentColor" stroke-width="1.1" cx="10" cy="10" r="9"></circle></svg>
  204.                                     {{ "Veuillez sélectionner d'abord une date dans le calendrier au-dessus"|trans }}
  205.                                 </div>
  206.                             </div>
  207.                         </div>
  208.                     </div>
  209.                     <div class="uk-grid">
  210.                         <div class="uk-width-1-1">
  211.                             <div class="uk-text-uppercase" style="border-bottom: 1px solid grey;">
  212.                                 {{ "Avant de terminer votre inscription,"|trans }}<br/>
  213.                                 {{ "Nous avons besoin de ces quelques informations"|trans }}
  214.                             </div>
  215.                         </div>
  216.                     </div>
  217.                     <div class="uk-grid">
  218.                         {% if errorMessage or errorMessage != "" %}
  219.                             <div class="uk-width-1-1">
  220.                                 <div class="uk-margin-bottom uk-alert uk-alert-warning" id="error-msg" uk-alert>{% if errorMessage %}{{ errorMessage|trans }}{% endif %}</div>
  221.                             </div>
  222.                         {% endif %}
  223.                         <input type="hidden" name="akimedia-centre" value="{{ centre.site.id }}">
  224.                         <div class="uk-grid-medium" uk-grid>
  225.                             <div class="uk-width-1-2@s ">
  226.                                 <label class="control-label required" for="collecte_centre_form_lastname">{{ 'Nom'|trans }}</label><br/>
  227.                                 <input type="text" id="collecte_centre_form_lastname" name="lastname" required="required" class="uk-input">
  228.                             </div>
  229.                             <div class="uk-width-1-2@s">
  230.                                 <label class="control-label required" for="collecte_centre_form_firstname">{{ 'Prénom'|trans }}</label><br/>
  231.                                 <input type="text" id="collecte_centre_form_firstname" name="firstname" required="required" class="uk-input">
  232.                             </div>
  233.                             <div class="uk-width-1-2@s">
  234.                                 <label class="control-label required" for="collecte_centre_form_email">{{ 'Adresse mail'|trans }}</label><br/>
  235.                                 <input type="email" id="collecte_centre_form_email" name="email" required="required" class="uk-input">
  236.                             </div>
  237.                             <div class="uk-width-1-2@s">
  238.                                 <label class="control-label required" for="collecte_centre_form_email2">{{ 'Confirmez votre adresse mail'|trans }}</label><br/>
  239.                                 <input type="email" id="collecte_centre_form_email2" name="email2" required="required" class="uk-input">
  240.                             </div>
  241.                             <div class="uk-width-1-2@s">
  242.                                 <label class="control-label required" for="collecte_centre_form_phone">{{ 'Téléphone'|trans }}</label>
  243.                                 <input type="text" id="collecte_centre_form_phone" name="phone" required="required" class="uk-input">
  244.                             </div>
  245.                             <div class="uk-width-1-2@s">
  246.                                 <label class="control-label required" for="dtenaissance">{{ 'Date de naissance jj/mm/aaaa'|trans }}</label>
  247.                                 <input class="uk-input" type="date" name="dtenaissance"  id ="dtenaissance"
  248.                                     data-min="{{yearAllowed.min|date('Y-m-d')}}" data-max="{{yearAllowed.max|date('Y-m-d')}}"
  249.                                     value="" autocomplete="false" maxlength="10" required>
  250.                             </div>
  251.                             <div class="uk-width-1-1 apk-choix uk-margin-top uk-grid-margin uk-first-column">
  252.                                 <div class="uk-grid uk-grid-small uk-child-width-1-2@s" uk-grid>
  254.                                     <div>
  255.                                         <div class="apk-sang">
  256.                                             <div class="uk-margin-top uk-position-relative">
  257.                                                 <div>
  258.                                                     <label class="required">{{ 'Déjà donné du sang'|trans }}</label>
  259.                                                     <div id="inscription_form_plasma">
  260.                                                         <input type="radio" id="collecte_centre_form_alreadyBlood_0" name="alreadyBlood" required="required" value="OUI">
  261.                                                         <label for="collecte_centre_form_alreadyBlood_0" class="required apk-label-is-linked-to-field">{{ "Oui"|trans }}</label>
  262.                                                         <input type="radio" id="collecte_centre_form_alreadyBlood_1" name="alreadyBlood" required="required" value="NON">
  263.                                                         <label for="collecte_centre_form_alreadyBlood_1" class="required apk-label-is-linked-to-field">{{ "Non"|trans }}</label>
  264.                                                     </div>
  265.                                                 </div>
  266.                                             </div>
  267.                                         </div>
  268.                                     </div>
  270.                                     <div>
  271.                                         <div class="apk-plasma">
  272.                                             <div class="uk-margin-top uk-position-relative">
  273.                                                 <div>
  274.                                                     <label class="required">{{ 'Déjà donné du plasma'|trans }}</label>
  275.                                                     <div id="inscription_form_plasma">
  276.                                                         <input type="radio" id="collecte_centre_form_alreadyPlasma_0" name="alreadyPlasma" required="required" value="OUI">
  277.                                                         <label for="collecte_centre_form_alreadyPlasma_0" class="required apk-label-is-linked-to-field">{{ "Oui"|trans }}</label>
  278.                                                         <input type="radio" id="collecte_centre_form_alreadyPlasma_1" name="alreadyPlasma" required="required" value="NON">
  279.                                                         <label for="collecte_centre_form_alreadyPlasma_1" class="required apk-label-is-linked-to-field">{{ "Non"|trans }}</label>
  280.                                                     </div>
  281.                                                 </div>
  282.                                             </div>
  283.                                         </div>
  284.                                     </div>
  286.                                 </div>
  287.                             </div>
  289.                             <div class="uk-width-1-1">
  290.                                 <label class="gdpr-label">
  291.                                     <input type="checkbox" id="collecte_centre_form_gdpr" name="gdpr" required="required" class="uk-checkbox uk-margin-small-right" value="1">{{ 'En cochant cette case, vous acceptez la manière dont vos données sont traitées.'|trans }} *</label>
  292.                             </div>
  293.                             <div class="uk-width-1-1">
  294.                                 <div class="uk-display-inline-block">
  295.                                     <button type="submit" id="collecte_centre_form_submit" class="uk-button">{{"Envoyer"|trans}}</button>
  296.                                 </div>
  297.                             </div>
  298.                         </div>
  300.                     </div>
  301.                     <input id="collecte_centre_form_centre" name="centre" type="hidden" value="{{ centre.site.id }}">
  302.                     <input id="collecte_centre_form_date" name="date" type="hidden" value="">
  303.                     <input id="collecte_centre_form_horaire" name="horaire" type="hidden" value="">
  304.                     <input id="collecte_centre_form_heure" name="heure" type="hidden" value="">
  305.                 </form>
  306.             </div>
  307.         </div>
  308.     </div>
  309. </div>
  311.     
  312. {% endblock %}
  313. {% block inlinescripts %}
  315. <link href="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.css" rel="stylesheet">
  316. <script src="https://cdn.jsdelivr.net/npm/flatpickr@4.6.13/dist/flatpickr.min.js"></script>
  317. <script src="https://npmcdn.com/flatpickr@4.6.13/dist/l10n/{{app.request.locale}}.js"></script>
  319.     {% if not editmode %}
  320. <script>
  321.     var borne = [];
  322.     {% set now = "now"|date("Y-m-d") %}
  323.     {% for date in dates %}
  324.         {% set d = date|date("Y-m-d") %}
  325.         {% if d >= now %}
  326.             borne.push('{{ d }}');
  327.         {% endif %}
  328.     {% endfor %}
  329.     
  331.     $( document ).ready(function() {
  333.         //gestion de la birthDate
  334.         newMaxDate = false;
  335.         const BirthMaxOri = new Date($('#dtenaissance').attr('data-max'));
  336.         const BirthMinOri = new Date($('#dtenaissance').attr('data-min'));
  338.         let inputBirthDate = $("#dtenaissance").flatpickr({
  339.             locale : "{{app.request.locale}}",
  340.             dateFormat : "d/m/Y",
  341.             minDate : BirthMinOri,
  342.             maxDate : BirthMaxOri,
  343.             allowInput: true,
  344.         });
  346.         function setDateMax () {
  347.             let BirthMax = BirthMaxOri;
  348.             let BirthMin = BirthMinOri;
  349.             let newMaxDate = null;
  350.             let radioSelected = null;
  352.             let found = false;
  353.             $('.schedule-item').each(function(el){
  354.                 if($(this).is('.is-selected')) {
  355.                     found = true;
  356.                     radioSelected = $(this).find('input:checked');
  357.                 }
  358.             });
  359.             if(found) {
  360.                 newMaxDate = radioSelected.attr('data-id');
  361.                 BirthMax18 = new Date(newMaxDate);
  362.                 newBirthMax = new Date(BirthMax18.setFullYear(BirthMax18.getFullYear() - parseFloat({{yearAllowed.year}})));
  363.                 inputBirthDate.set('maxDate', newBirthMax);
  364.             } else {
  365.                 inputBirthDate.set('maxDate', BirthMaxOri);
  366.             }
  368.             inputBirthDate.clear();
  369.         }
  371.         setDateMax();
  372.         
  373.         $("form").on("submit", function() {
  375.             if($("#collecte_centre_form_email").val() != $("#collecte_centre_form_email2").val()){
  376.                 $("#error-msg").text("{{ 'Les adresses e-mails sont différentes, veuillez corriger'|trans }}");
  377.                 $("#error-msg").addClass("uk-padding-small uk-margin-bottom");
  378.                 console.log('in');
  379.                 return false;
  380.             }
  382.             
  383.             if($("#collecte_centre_form_horaire").val() == 'zzzzz'){
  384.             $("#error-msg").text("{{ 'Veuillez choisir une date et une heure.'|trans }}");
  385.             return false;
  386.         }
  387.         
  388.         // Ajout du test de validiter de l'horaire pour eviter les doublon
  389.         var horaire = $("#collecte_centre_form_horaire").val()+'|'+$("#collecte_centre_form_heure").val();
  390.         var codeCentre = $("#collecte_centre_form_centre").val();
  391.         });        
  393.         $("form").on("submit", function() {
  394.         });
  397.         $('.day').each(function () {
  398.             console.log ($(this).attr('data-date'));
  399.             if(borne.includes($(this).attr('data-date'))){
  400.                 $(this).addClass('date_actif');
  401.             }
  402.             else {
  403.                 $(this).addClass('not-active');
  404.             }
  407.         });
  409.         $('.day.date_actif').on("click", function () {
  410.             $('.day.is-selected').removeClass('is-selected');
  411.             $(this).addClass('is-selected');
  413.             var date = $(this).attr('data-date');
  414.             var centreid = $(this).attr('data-centre-id');
  416.             $("#dateSelect").html($(this).attr('data-date-format'));
  417.             $("#collecte_centre_form_date").val(date);
  419.             var lang = '{{ app.request.locale }}';
  420.             
  421.             $.ajax({
  422.                 dataType: "json",
  423.                 type: "GET",
  424.                 url: "{{ path('getHoraireCentreAkimedia') }}",
  425.                 data: {'date': date ,'centreid':centreid, 'lang':lang},
  426.                 success: function (data) {
  427.                     
  428.                     $('#resultats').html(data["msg"]);
  429.                     $("input[name='inscription']").on("click", function(){ 
  430.                         $("#collecte_centre_form_heure").val($(this).val());
  431.                         $("#collecte_centre_form_horaire").val($(this).attr("data-id"));
  432.                     });                    
  433.                     console.log(data);
  434.                     inputBirthDate.clear();
  435.                     
  436.                     $('.schedule-item').on("click", function () {
  437.                         var $radioSelected = $(this).find('.uk-radio');
  438.                         if($radioSelected.attr("data-id")){
  439.                                 
  440.                         $('.schedule-item').removeClass('is-selected');
  441.                         $(this).addClass('is-selected');
  442.                         $radioSelected.prop('checked', true);
  443.                         setDateMax();
  445.                         $("#collecte_centre_form_heure").val($radioSelected.val());
  446.                         $("#collecte_centre_form_horaire").val($radioSelected.attr("data-id"));
  447.                         }
  448.                         else{
  449.                                 $('.schedule-item').removeClass('is-selected');
  450.                         }
  451.                     });
  452.                 },
  453.                 error: function (xhr, textStatus, errorThrown) {
  454.                     UIkit.notification('{{ "Oops! Une erreur s'est produite. Veuillez réessayer."|trans }}', {status: 'danger'});
  455.                     console.log(xhr, textStatus, errorThrown);
  457.                 }
  458.             });
  461.         })
  463.     });
  464. </script>
  465.     {% endif %}
  466. {% endblock inlinescripts %}