templates/centres/list-provinces-akimedia.html.twig line 1

Open in your IDE?
  3. {% extends "layout.html.twig" %}
  5. {#
  6.     {% use AppBundle/Helper/Apik %}
  7. #}
  10. {% block content %}
  12. <!-- #main -->
  13. <main id="main" role="main">
  14.     
  15.     <div class="uk-text-center uk-container apk-container-1200">
  16.         {% if editmode %}
  17.             <h1 class="uk-h2 uk-margin-medium-top uk-margin-small-bottom">{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h1>
  18.             {{ pimcore_wysiwyg("content-text") }}
  19.         {% else %}
  20.             {% if not pimcore_textarea("content-title").isEmpty() %}
  21.                 <h1 class="uk-h2 uk-margin-medium-top uk-margin-small-bottom">{{ pimcore_textarea("content-title",{"nl2br" : true}) }}</h1>
  22.             {% else %}
  23.                 <h1 class="uk-h2 uk-margin-medium-top uk-margin-small-bottom">{{ "Choisissez votre site de prélèvement"|trans }}</h1>
  24.             {% endif %}
  26.             {% if pimcore_wysiwyg("content-text")|striptags %}
  27.                 <div>
  28.                     {{ pimcore_wysiwyg("content-text")|raw }}
  29.                 </div>
  30.             {% endif %}
  31.         {% endif %}
  32.     </div>
  34.   <div class="section-sites-prelevement">
  35.     <div class="uk-container">
  36.         <ul class="uk-accordion" uk-accordion="multiple: true;">
  37.           {% set Province = "" %}
  38.           {% set i = 0 %}
  39.           {% set tabJours = {
  40.               "1" : "Lundi"|trans,
  41.               "2" : "Mardi"|trans,
  42.               "3" : "Mercredi"|trans,
  43.               "4" : "Jeudi"|trans,
  44.               "5" : "Vendredi"|trans,
  45.               "6" : "Samedi"|trans,
  46.               "7" : "Dimanche"|trans,
  47.           } %}
  48.           {% for province,centres in provinces %}
  50.             {#% if loop.first %}
  51.                 <li class="uk-open">
  52.             {% else %}
  53.                 <li>
  54.             {% endif %#}
  56.         <li>
  57.           <a class="uk-accordion-title" href="#">{{province|trans}}</a>
  58.           <div class="uk-accordion-content">
  59.             {% for centre in centres %}
  60.             
  61.               <div class="section-sites-prelevement-item uk-position-relative apk-copy-container" style="cursor:default">
  62.               
  63.                 <h4 class="h-bold">{{ centre.infos.site.name }}</h4>
  64.                 <div class="section-sites-prelevement-item-detail2">
  65.                     <button class="uk-button uk-button-default" type="button" aria-expanded="false">…</button>
  66.                     <div uk-dropdown="mode: click" class="uk-dropdown">
  67.             
  68.                             {% set openHours = "" %}
  69.                             {% for jour, hor in centre.horaires %}
  70.                                 {% if not hor %}
  71.                                     {% set hor = "fermé"|trans %}
  72.                                 {% endif %}
  73.                                 {% set openHours = openHours ~ jour|trans ~ " : " ~ ' ' ~ hor ~ ' ' ~ ' <br/>' %}
  74.                             {% endfor %}
  76.                             {% set emailInfos = {
  77.                                 'Nom' : centre.infos.site.name,
  78.                                 'Rue' : (centre.infos.site.address),
  79.                                 'Cp' : centre.infos.site.zip,
  80.                                 'Ville' : centre.infos.site.city,
  81.                                 'Horaires' : openHours,
  82.                                 'HorairesDate' : 'Horaires'|trans ~ ' ' ~ 'du'|trans ~ ' ' ~  date['weekStartDate'] ~ ' ' ~  'au'|trans ~ ' ' ~  date['weekEndDate']
  83.                             } %}
  85.                             {% set emailId = (centre.id)|slug %}
  86.                             <input type="hidden" id="email-data-{{ emailId }}" value='{{ emailInfos|json_encode() }}'>
  87.                             <a class="send-mail" href="#" onClick="emailModal('{{ emailId }}','centre')">
  88.                                 {{ "M’envoyer les informations par mail"|trans }}
  89.                             </a>
  90.                             <br/>
  91.                             <a href="#" data-apk-copy-button=".apk-copy-data">
  92.                                 {{ "Copier"|trans }}
  93.                                 <span class="copiedtext" aria-hidden="true">
  94.                                     {{ "C'est copié"|trans }}
  95.                                 </span>
  96.                             </a>
  98.                     </div>
  99.                 </div>
  101.                     <textarea class="apk-copy-data">
  102.                     {{ centre.infos.site.name }}
  103.                     {{ centre.infos.site.address }},
  104.                     {{ centre.infos.site.zip }} {{ centre.infos.site.city }}
  105.                     {% for jour, hor in centre.horaires %}
  106.                         {% if not hor %}
  107.                             {% set hor = "fermé"|trans %}
  108.                         {% endif %}
  109.                         {{ jour|trans ~ " : " }}
  110.                         {{ " " ~ hor ~ " " }}
  111.                     {% endfor %}
  112.                 </textarea>
  114.                 <div class="section-sites-prelevement-item-detail">
  115.                     <div class="uk-grid uk-margin-small-top" uk-grid>
  116.                         <div class="uk-width-2-3@s">
  117.                             {% if centre.availibilities|length > 0 %}
  118.                             <div class="btn-rdv-centre uk-margin-bottom">
  119.                                 <a href="{{ path("inscriptionCentre", {id: centre.id_akimedia}) }}" class="uk-button uk-text-uppercase">{{ "Je prends rendez-vous"|trans }}</a>
  120.                             </div>
  121.                             {% endif %}
  123.                             <div class="uk-grid uk-grid-small uk-child-width-1-2@s" uk-grid>
  124.                                 <div>
  125.                                     <div class="adresse">
  126.                                         <ul class="fa-ul">
  127.                                             <li>
  128.                                                 <img uk-svg width="14" height="14" src="/static/img/pictos/position.svg" />
  129.                                                 {{ centre.infos.site.name }}<br/>
  130.                                                 {{ centre.infos.site.address }},<br/>
  131.                                                 {{ centre.infos.site.zip }} {{ centre.infos.site.city }}<br/>
  132.                                             </li>
  133.                                         </ul>
  134.                                     </div>
  135.                                     <div>
  136.                                         <ul class="fa-ul telephone">
  137.                                             <li><img uk-svg width="14" height="14" src="/static/img/pictos/phone.svg" />
  138.                                                 <a href="tel:{{ centre.infos.site.phone|replace({' ' : ''}) }}"
  139.                                                 target="_blank">{{ centre.infos.site.phone }}</a>
  140.                                             </li>
  141.                                         </ul>
  142.                                     </div>
  143.                                     <div class="horaires">
  144.                                         <ul class="fa-ul">
  145.                                             <li>
  146.                                                 <img uk-svg width="14" height="14" src="/static/img/pictos/horaires.svg" />
  147.                                                 {# <strong>{{ 'Horaires'|trans }} {{ 'du'|trans }} {{ date['weekStartDate'] }} {{'au'|trans}} {{ date['weekEndDate'] }}</strong><br/>#}
  148.                                                 {% for jour, hor in centre.horaires %}
  149.                                                     {{ jour|trans ~ " : " }}
  150.                                                     {% if hor %}
  151.                                                         {{ " " ~ hor ~ " " }}<br/>
  152.                                                     {% else %}
  153.                                                         {{ "Fermé"|trans }}<br/>
  154.                                                     {% endif %}
  155.                                                 {% endfor %}
  156.                                             </li>
  157.                                         </ul>
  158.                                     </div>
  159.                                 </div>
  161.                                 <div>
  162.                                     {% if not centre.infos.site.info is empty %}
  163.                                         <div>
  164.                                             <ul class="fa-ul">
  165.                                                 <li>
  166.                                                     <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>
  167.                                                     {{ centre.infos.site.info|raw }}
  168.                                                 </li>
  169.                                             </ul>
  170.                                         </div>
  171.                                     {% endif %}
  173.                                     {% if not centre.infos.site.parking is empty %}
  174.                                         <div>
  175.                                             <ul class="fa-ul">
  176.                                                 <li>
  177.                                                     <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>
  178.                                                     {{"Parking"|trans}}
  179.                                                     <br>
  180.                                                     {{ centre.infos.site.parking|raw }}
  181.                                                 </li>
  182.                                             </ul>
  183.                                         </div>
  184.                                     {% endif %}
  186.                                     {% if not centre.infos.site.transports_commun is empty %}
  187.                                         <div>
  188.                                             <ul class="fa-ul">
  189.                                                 <li>
  190.                                                     <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>
  191.                                                     {{"Transports en commun"|trans}}
  192.                                                     <br>
  193.                                                     {{ centre.infos.site.transports_commun|raw }}
  194.                                                 </li>
  195.                                             </ul>
  196.                                         </div>
  197.                                     {% endif %}
  199.                                     {% if not centre.infos.site.accessibilite_pmr is empty %}
  200.                                         <div>
  201.                                             <ul class="fa-ul">
  202.                                                 <li>
  203.                                                     <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>
  204.                                                     {{"Accessibilité aux PMR"|trans}}
  205.                                                     <br>
  206.                                                     {{ centre.infos.site.accessibilite_pmr|raw }}
  207.                                                 </li>
  208.                                             </ul>
  209.                                         </div>
  210.                                     {% endif %}
  211.                                 </div>
  212.                             </div>
  213.                         </div>
  214.                         
  215.                         <div class="uk-width-1-3@s">
  216.                             <div class="section-sites-prelevement-item-image uk-margin-bottom">
  217.                                 {% if centre.infos.site.picture %}
  218.                                     {% if not centre.infos.site.maps_url is empty %} <a href="{{ centre.infos.site.maps_url }}" target="_blank"> {% endif %}
  219.                                     <figure>
  220.                                         <img src="{{ centre.infos.site.picture }}" alt="{{ centre.infos.site.name }}" />
  221.                                         {% if centre.infos.site.copyright %}
  222.                                             <figcaption>{{ centre.infos.site.copyright }}</figcaption>
  223.                                         {% endif %}
  224.                                     </figure>
  225.                                     {% if not centre.infos.site.maps_url is empty %} </a> {% endif %}
  226.                                 {% endif %}
  227.                             </div>
  228.                         </div>
  230.                         <div class="uk-width-1-1 uk-margin-small-bottom">
  231.                             {% if centre.infos.site.informations %}
  232.                                 <div class="note">
  233.                                     <ul class="fa-ul">
  234.                                         <li><img uk-svg width="14" height="14" src="/static/img/pictos/info-circle.svg" />
  235.                                             {{ centre.infos.site.informations|raw }}
  236.                                         </li>
  237.                                     </ul>
  238.                                 </div>
  239.                             {% endif %}
  240.                         </div>
  241.                     </div>
  242.                 </div>
  243.               </div>
  244.               {% set i = i + 1 %}
  245.               {% endfor %}
  246.                 </div></li>
  247.               {% endfor %}
  248.         </ul>
  249.     </div>
  251.     <div id="modal-infomail" uk-modal>
  252.         <div class="uk-modal-dialog uk-modal-body">
  253.             <input type="hidden" id="mail-data" name="mail-data" value ="">
  254.             <h2 class="uk-modal-title">{{ "Entrez votre email"|trans }} :</h2>
  255.             <input class="uk-input" type="text" id="mail-email" name="mail-email" required placeholder="{{ "Email"|trans }}">
  256.             <p class="uk-text-right">
  257.                 <button class="uk-button uk-button-default uk-modal-close" type="button">{{ "Annuler"|trans }}</button>
  258.                 <button class="uk-button uk-button-primary" type="button" onclick="emailSend()">{{ "Envoyer"|trans }}</button>
  259.             </p>
  260.         </div>
  261.     </div>
  262. </div>
  264.   {{ pimcore_areablock('contentBottom') }}
  266. </main><!-- end #main -->
  269. {% endblock %}
  271. {% block inlinescripts %}
  272.     <script>
  273.         function SaveInscription(element,idModal) {
  275.             var fields = $(element)
  276.                 .find("select, textarea, input").serializeArray();
  279.             var isOK = 1 ;
  281.             $.each(fields, function(i, field) {
  282.                 if (!field.value)
  283.                 {
  284.                     isOK = 0 ;
  285.                 }
  288.             });
  290.             var id = $("#id"+idModal).val();
  291.             var nom = $("#Nom"+idModal).val();
  292.             var prenom = $("#Prenom"+idModal).val();
  293.             var rue = $("#Rue"+idModal).val();
  294.             var cp = $("#CodeP"+idModal).val();
  295.             var ville = $("#VilleIns"+idModal).val();
  296.             var pays = $("#PaysIns"+idModal).val();
  297.             var gsm = $("#Gsm"+idModal).val();
  298.             var email = $("#Email"+idModal).val();
  299.             var code = $("#Code"+idModal).val();
  300.             var date = $("#Date"+idModal).val();
  301.             var horaire = $("#Horaire"+idModal).val();
  302.             var horaire2 = $("#HoraireToDisp"+idModal).val();
  304.             var dejadonner = 0;
  305.             var datenaissance = '';
  307.             if ($('#chkdejadonne'+idModal).prop('checked') == true){
  308.                 dejadonner = 1;
  309.                 datenaissance = $("#dtenaissance"+idModal).val();
  310.             }
  312.             $.ajax({
  313.                 dataType: "json",
  314.                 type: "POST",
  315.                 url: "/saveinscription",
  316.                 data: {id: id, nom: nom, prenom: prenom, rue: rue, cp: cp, ville: ville, pays: pays, gsm: gsm, email: email,code: code , date: date , horaire: horaire, horaire2: horaire2, dejadonner:dejadonner ,datenaissance:datenaissance },
  317.                 success: function (data) {
  318.                     if (data["type"] == "error") {
  319.                         UIkit.notification(data["msg"], {status: 'danger'});
  320.                     } else {
  321.                         UIkit.modal(element).hide();
  322.                         UIkit.notification(data["msg"], {status: 'success'});
  323.                     }
  326.                 },
  327.                 error: function (xhr, textStatus, errorThrown) {
  328.                     UIkit.notification('{{ "Oops! Une erreur s'est produite. Veuillez réessayer."|trans }}', {status: 'danger'});
  329.                     console.log(xhr, textStatus, errorThrown);
  331.                 }
  332.             });
  333.         }
  334.     </script>
  335.     <script src="/static/vendors/jQuery-Mask-Plugin-master/dist/jquery.mask.min.js"></script>
  336.     <script>
  337.         $(function () {
  339.             $(document).ready(function () {
  340.                 $('input[data-toggle="datepicker"]').mask('00/00/0000').on('change input paste', function () {
  341.                     var isValid = isValidDate($(this));
  342.                 });
  343.             });
  346.             // Copy Script pour les infos des collectes
  348.             var $this,
  349.                 toCopy,
  350.                 toCopyVal,
  351.                 btnCopy = $("[data-apk-copy-button]");
  353.             btnCopy.on('click', function (e) {
  354.                 e.preventDefault();
  355.                 $this = $(this);
  357.                 toCopy = $this.attr('data-apk-copy-button');
  359.                 toCopy = $this.parents('.apk-copy-container').find(toCopy);
  360.                 toCopyVal = toCopy.val();
  361.                 toCopyVal = toCopyVal.replace(/^\s+/g, ''); // Remove leading spaces
  362.                 toCopyVal = toCopyVal.replace(/ {1,}/g, " "); // Remove multiple spaces
  363.                 toCopy.val(toCopyVal);
  364.                 toCopy.select();
  367.                 if (document.execCommand('copy')) {
  368.                     $this.addClass('copied');
  370.                     var temp = setInterval(function () {
  371.                         $this.removeClass('copied');
  372.                         clearInterval(temp);
  373.                     }, 1500);
  375.                 } else {
  376.                     console.info('document.execCommand a rencontré un problème')
  377.                 }
  379.                 return false;
  380.             });
  383.         });
  384.     </script>
  385.     <script>
  386.         function chkdejadonneClick(chekbox,object) {
  387.             var x = document.getElementById(object);
  389.             if ($('#'+chekbox).prop('checked') == true){
  390.                 x.style.display = "block";
  391.             }
  393.             if ($('#'+chekbox).prop('checked') == false)
  394.             {
  395.                 x.style.display = "none";
  396.             }
  397.         }
  398.     </script>
  399.     <script>
  400.         function trackGASaveCollect(type_click,type_collecte){
  401.             switch (type_click){
  402.                 case 'mail':
  403.                     var event_label = "Envoi par mail";
  404.                     break;
  405.                 case 'calendrier':
  406.                     var event_label = "Ajout calendrier";
  407.                     break;
  408.                 case 'copier':
  409.                     var event_label = "Copier-coller";
  410.                     break;
  411.                 case 'inscription_collecte':
  412.                     var event_label = "M'inscrire à cette collecte";
  413.                     break;
  414.             }
  415.             window.dataLayer = window.dataLayer || [];
  416.             window.dataLayer.push({
  417.                 'event': 'action_collecte',
  418.                 'detail_action': event_label,
  419.                 'type_collecte' : type_collecte
  420.             });
  421.         }
  423.         function emailModal(id,type){
  424.             let data = $('input#email-data-'+id).val();
  425.             $('input#mail-data').val(data);
  426.             $('input#mail-email').val("");
  427.             $('input#mail-type').val(type);
  428.             UIkit.modal("#modal-infomail").show();
  429.         }
  431.         function emailSend(){
  432.             var values = {
  433.                 data: $('input#mail-data').val(),
  434.                 email: $('input#mail-email').val(),
  435.                 type: $('input#mail-type').val()
  436.             };
  437.             $.ajax({
  438.                 dataType: "json",
  439.                 type: "POST",
  440.                 url: "/api/{{ app.request.locale }}/sendemailinfo",
  441.                 data: values,
  442.                 success: function (data) {
  443.                     if (data["type"] == "error") {
  444.                         UIkit.notification(data["msg"], {status: 'danger'});
  445.                     } else {
  446.                         UIkit.modal("#modal-infomail").hide();
  447.                         UIkit.notification(data["msg"], {status: 'success'});
  448.                         $('input#mail-data').val("");
  449.                         $('input#mail-email').val("");
  450.                         $('input#mail-type').val("");
  451.                     }
  452.                 },
  453.                 error: function (xhr, textStatus, errorThrown) {
  454.                     UIkit.notification("{{ 'Oops! Une erreur s\'est produite. Veuillez réessayer.'|trans }}", {status: "danger"});
  456.                 }
  457.             });
  458.         }
  459.     </script>
  460. {% endblock inlinescripts %}