templates/Parent/LayoutParent.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4. <!-- Google Tag Manager -->
  5. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  6. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  7. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  8. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  9. })(window,document,'script','dataLayer','GTM-NKDX5H29');</script>
  10. <!-- End Google Tag Manager -->
  11.         <meta charset="utf-8">
  12.         <meta http-equiv="x-ua-compatible" content="ie=edge">
  13.         <meta name="description" content="">
  14.         
  15.         <meta name="viewport" content="initial-scale=1.0, user-scalable=no ,maximum-scale = 1.0">
  16.         <meta name="mobile-web-app-capable" content="yes">
  17.         <title>{% block title %}5sur5 Séjour{% endblock %}</title>
  18.         {% block LinksCss %}    
  19.             <link rel="shortcut icon" type="image/x-icon" href="{{ asset('img/logoHeader.svg') }}" />
  20.             <link rel="shortcut icon" type="image/x-icon" href="{{'/images/Logo.png'}}" />
  21.             <!-- CSS here -->
  22.             <link rel="stylesheet" href="{{'/Plugins/css/bootstrap.min.css'}}" > 
  23.             <link href="{{ asset ('Accueil/css/bootstrap.min.css')}}" type="text/css" rel="stylesheet" >
  24.             <link  href="{{ asset ('Accueil/css/animate.css')}}" type="text/css" rel="stylesheet" >
  25.             <link  href="{{ asset ('Accueil/css/slick.css')}}" type="text/css" rel="stylesheet">
  26.             <link href="{{ asset ('Accueil/css/slicknav.css')}}" type="text/css" rel="stylesheet" >
  27.             <link href="{{ asset ('Accueil/css/style.css')}}" type="text/css" rel="stylesheet" >
  28.             <link href="{{ asset ('css/Parent/css/layoutparent.css')}}" type="text/css" rel="stylesheet" >
  29.             <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
  31.             <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  32.             <link rel="stylesheet" href="{{ asset('css/bootstrap-icons.css') }}">
  34.             <style>
  35.                 @keyframes cart-pulse {
  36.   0% { transform: scale(1); }
  37.   50% { transform: scale(1.1); }
  38.   100% { transform: scale(1); }
  39. }
  41. .cart-link.pulse {
  42.   animation: cart-pulse 0.3s ease-in-out;
  43. }
  44.                 @font-face {
  45.                     font-family: 'Montserrat-Regular';
  46.                     src:   url( {{ '/fonts/Montserrat/Montserrat-Regular.otf' }}) format('opentype');
  47.                 }
  48.                 @font-face {
  49.                     font-family: 'Montserrat-Medium';
  50.                     src:   url( {{ '/fonts/Montserrat/Montserrat-Medium.otf' }}) format('opentype');
  51.                 }
  52.                 @font-face {
  53.                     font-family: 'Montserrat-Bold';
  54.                     src:   url( {{ '/fonts/Montserrat/Montserrat-Bold.otf' }}) format('opentype');
  55.                 }
  56.                 @font-face {
  57.                     font-family: 'Montserrat-Light';
  58.                     src:   url( {{ '/fonts/Montserrat/Montserrat-Light.otf' }}) format('opentype');
  59.                 }
  60.                 @font-face {
  61.                     font-family: 'Montserrat-SemiBold';
  62.                     src:   url( {{ '/fonts/Montserrat/Montserrat-SemiBold.otf' }}) format('opentype');
  63.                 }
  65.                 input::placeholder,
  66.                 input::-webkit-input-placeholder,
  67.                 input::-moz-placeholder {
  68.                     line-height: normal !important;
  69.                 }
  70.                 :focus {
  71.                     outline: -webkit-focus-ring-color auto 0px !important;
  72.                 }
  73.                 body{
  74.                     -webkit-touch-callout: none; }
  75.                 </style>
  76.                 <link rel="stylesheet" media="all" href="{{'/css/Accompagnateur/Style_EspaceAccompagnateur.css'}}" >
  77.             {% endblock %}
  78.             {{ render(controller(
  79.         'App\\Controller\\AnalyticsController::analyticsBloc',
  80.         { 'max': 3 }
  81.        
  82.     )) }} 
  84.             {# Modal Perd code#}
  85.   {{ render(controller(
  86.         'App\\Controller\\AnalyticsController::analyticsBloc',
  87.         { 'max': 3 }
  88.     )) }} 
  92.         </head>
  94.         {% block monModal %}
  95.                 
  96.                 
  97.                <button data-target="#PopupPhotosManquante" data-toggle="modal" data-backdrop="static" data-keyboard="false" style='display: none;' id='btnPopupPhotosManquante'></button>
  98.                     <div id="PopupPhotosManquante" class="modal fade" role="dialog" style="background-color: rgba(112, 112, 112, 0.56);z-index: 1000000;" aria-hidden="true">
  99.                     <div class="modal-dialog dialogUploadImg dialogNotifRandom" style='max-width: 550px !important;'>
  100.                         <div class="row modal-content no-margin contentdialogUploadImg contentdialogNotifMsg">
  101.                             <div class="headerdialogUploadImg">
  102.                                 <h1 class="titledialogUploadImg titledialogNotifMsg"> </h1>
  103.                             </div>
  104.                             <div class="ContenudetailsSejour">
  105.                                 <div class="row no-margin detailsSejour">
  106.                                     <div class="ContentUpload">
  108.                                         <h1 class="titleTelechargement titlenotifmsg" >Nous avons détecter des pages vides et des photos qui se répètent..</h1>
  110.                                         <h1 class="titleTelechargement titlenotifmsg" >Etes-vous sûr de vouloir le valider ?</h1> 
  111.                                     </div>
  112.                                 </div>
  114.                             </div>
  115.                             <div class="BottomUploadImg BottomdialogNotifMsg">
  116.                                 <button class="circle btnNotifRandom2" id ="ouiBtn" data-dismiss='modal' >OUI </button>
  117.                                 <button class='circle btnNotifRandom2' data-dismiss='modal' id="" >NON</button>
  118.                             </div>
  119.                         </div>
  120.                     </div>
  121.                 </div>
  123.                 <button data-target="#PopupPhotosManquante2" data-toggle="modal" data-backdrop="static" data-keyboard="false" style='display: none;' id='btnPopupPhotosManquante2'></button>
  124.                     <div id="PopupPhotosManquante2" class="modal fade" role="dialog" style="background-color: rgba(112, 112, 112, 0.56);z-index: 1000000;" aria-hidden="true">
  125.                     <div class="modal-dialog dialogUploadImg dialogNotifRandom" style='max-width: 550px !important;'>
  126.                         <div class="row modal-content no-margin contentdialogUploadImg contentdialogNotifMsg">
  127.                             <div class="headerdialogUploadImg">
  128.                                 <h1 class="titledialogUploadImg titledialogNotifMsg"> </h1>
  129.                             </div>
  130.                             <div class="ContenudetailsSejour">
  131.                                 <div class="row no-margin detailsSejour">
  132.                                     <div class="ContentUpload">
  134.                                         <h1 class="titleTelechargement titlenotifmsg" >ATTENTION : on me dit à l’oreillette que des photos se répètent .. </h1>
  136.                                         <h1 class="titleTelechargement titlenotifmsg" >Etes-vous sûr de vouloir l’enregistrer ?</h1> 
  137.                                     </div>
  138.                                 </div>
  140.                             </div>
  141.                             <div class="BottomUploadImg BottomdialogNotifMsg">
  142.                                 <button class="circle btnNotifRandom2" id ="ouiBtn2" data-dismiss='modal' >OUI </button>
  143.                                 <button class='circle btnNotifRandom2' data-dismiss='modal' id="" >NON</button>
  144.                             </div>
  145.                         </div>
  146.                     </div>
  147.                 </div>
  149.                 <button data-target="#PopupPhotosManquante1" data-toggle="modal" data-backdrop="static" data-keyboard="false" style='display: none;' id='btnPopupPhotosManquante1'></button>
  150.                     <div id="PopupPhotosManquante1" class="modal fade" role="dialog" style="background-color: rgba(112, 112, 112, 0.56);z-index: 1000000;" aria-hidden="true">
  151.                     <div class="modal-dialog dialogUploadImg dialogNotifRandom" style='max-width: 550px !important;'>
  152.                         <div class="row modal-content no-margin contentdialogUploadImg contentdialogNotifMsg">
  153.                             <div class="headerdialogUploadImg">
  154.                                 <h1 class="titledialogUploadImg titledialogNotifMsg"> </h1>
  155.                             </div>
  156.                             <div class="ContenudetailsSejour">
  157.                                 <div class="row no-margin detailsSejour">
  158.                                     <div class="ContentUpload">
  160.                                         <h1 class="titleTelechargement titlenotifmsg" >ATTENTION : mon petit doigt me dit que votre projet comporte une ou des pages vides…</h1>
  162.                                         <h1 class="titleTelechargement titlenotifmsg" > Etes-vous sûr de vouloir l’enregistrer ?</h1> 
  163.                                     </div>
  164.                                 </div>
  166.                             </div>
  167.                             <div class="BottomUploadImg BottomdialogNotifMsg">
  168.                                 <button class="circle btnNotifRandom2" id ="ouiBtn1" data-dismiss='modal' >OUI </button>
  169.                                 <button class='circle btnNotifRandom2' data-dismiss='modal' id="" >NON</button>
  170.                             </div>
  171.                         </div>
  172.                     </div>
  173.                 </div>
  175.              <button data-target="#NotifRandom" data-toggle="modal" data-backdrop="static" data-keyboard="false" style='display: none;' id='btnNotifRandom'></button>
  176.             <div id="NotifRandom" class="modal fade" role="dialog" style="background-color: rgba(112, 112, 112, 0.56);z-index: 1000000;" aria-hidden="true">
  177.             <div class="modal-dialog dialogUploadImg dialogNotifRandom" style='max-width: 550px !important;'>
  178.                 <div class="row modal-content no-margin contentdialogUploadImg contentdialogNotifMsg">
  179.                     <div class="headerdialogUploadImg">
  180.                         <h1 class="titledialogUploadImg titledialogNotifMsg">Information </h1>
  181.                     </div>
  182.                     <div class="ContenudetailsSejour">
  183.                         <div class="row no-margin detailsSejour">
  184.                             <div class="ContentUpload">
  185.                                 <h1 class="titleTelechargement titlenotifmsg" >Ce produit est une proposition automatique pour vous faciliter sa mise en place.  </h1> 
  186.                                 <h1 class="titleTelechargement titlenotifmsg" >Veuillez vérifier la disposition des images dans toutes les pages, pour que le tout soit à votre entière satisfaction.  </h1>
  187.                                 <div class='bottomNotif' >
  188.                                     <label class="containerCheck">Ne plus afficher ce message.
  189.                                         <input type="checkbox" id='checkRandom'>
  190.                                         <span class="checkmark"></span>
  191.                                     </label>
  192.                                 </div>
  193.                             </div>
  194.                         </div>
  196.                     </div>
  197.                     <div class="BottomUploadImg BottomdialogNotifMsg">
  198.                         <button class='circle btnNotifRandom' data-dismiss='modal' onclick='CheckRandomNotice();'>Je comprends</button>
  199.                     </div>
  200.                 </div>
  201.             </div>
  202.         </div>
  203.            <button data-target="#PopupAjouterPanier" data-toggle="modal" data-backdrop="static" data-keyboard="false" style='display: none;' id='btnpopupAjoutPanier'></button>
  204.             <div id="PopupAjouterPanier" class="modal fade" role="dialog" style="background-color: rgba(112, 112, 112, 0.56);z-index: 1000000;" aria-hidden="true">
  205.             <div class="modal-dialog dialogUploadImg dialogNotifRandom" style='max-width: 550px !important;'>
  206.                 <div class="row modal-content no-margin contentdialogUploadImg contentdialogNotifMsg">
  207.                     <div class="headerdialogUploadImg">
  208.                         <h1 class="titledialogUploadImg titledialogNotifMsg"> </h1>
  209.                     </div>
  210.                     <div class="ContenudetailsSejour">
  211.                         <div class="row no-margin detailsSejour">
  212.                             <div class="ContentUpload">
  213.                                 <h1 class="titleTelechargement titlenotifmsg" >Ajouter à mon panier ? </h1> 
  214.                              
  215.                                 
  216.                             </div>
  217.                         </div>
  219.                     </div>
  220.                     <div class="BottomUploadImg BottomdialogNotifMsg">
  221.                         <button class='circle btnNotifRandom' onclick="AjouterPanier()" data-dismiss='modal' id="btnajouterPanier" >Valider</button>
  222.                     </div>
  223.                 </div>
  224.             </div>
  225.         </div>
  226.        <button data-target="#PopupNommerProj" data-toggle="modal" data-backdrop="static" data-keyboard="false" style='display: none;' id='btnPopupNommerProj'></button>
  227.  
  228.             <div id="PopupNommerProj" class="modal fade" role="dialog" style="background-color: rgba(112, 112, 112, 0.56);z-index: 1000000;" aria-hidden="true">
  229.             <div class="modal-dialog dialogUploadImg dialogNotifRandom" style='max-width: 550px !important;'>
  230.                 <div class="row modal-content no-margin contentdialogUploadImg contentdialogNotifMsg">
  231.                     <div class="headerdialogUploadImg">
  232.                         <h1 class="titledialogUploadImg titledialogNotifMsg"> </h1>
  233.                     </div>
  234.                     <div class="ContenudetailsSejour">
  235.                         <div class="row no-margin detailsSejour">
  236.                             <div class="ContentUpload">
  237.                                 <h1 class="titleTelechargement titlenotifmsg" >Veuillez nommer votre création : </h1> 
  238.                                 <input id="nomprojetProd" />
  239.                                 
  240.                             </div>
  241.                         </div>
  243.                     </div>
  244.                     <div class="BottomUploadImg BottomdialogNotifMsg">
  245.                         <button class='circle btnNotifRandom disabled' data-dismiss='modal' id="btnSaveAlbumFrompopup" >Enregistrer</button>
  246.                     </div>
  247.                 </div>
  248.             </div>
  249.         </div>
  252.             <button data-target="#PopupModiferProduit" data-toggle="modal" data-backdrop="static" data-keyboard="false" style='display: none;' id='btnPopupModiferProduit'></button>
  253.             <div id="PopupModiferProduit" class="modal fade" role="dialog" style="background-color: rgba(112, 112, 112, 0.56);z-index: 1000000;" aria-hidden="true">
  254.                 <div class="modal-dialog dialogUploadImg dialogNotifRandom" style='max-width: 550px !important;'>
  255.                     <div class="row modal-content no-margin contentdialogUploadImg contentdialogNotifMsg">
  256.                         <div class="headerdialogUploadImg">
  257.                             <h1 class="titledialogUploadImg titledialogNotifMsg"> </h1>
  258.                         </div>
  259.                         <div class="ContenudetailsSejour">
  260.                             <div class="row no-margin detailsSejour">
  261.                                 <div class="ContentUpload">
  262.                                     <h1 class="titleTelechargement titlenotifmsg" >Veuillez créer un nouveau   projet : </h1>
  263.                                     <div  class="form-inline" style="position:relative;left:40%;">
  264.                                         <label style="font-size: 16px;font-weight: 700">Oui</label>
  265.                                         <input style="margin-right: 10px;margin-left: 5px;margin-top: 4px;" type="checkbox" id="YesNewAlbum" />
  266.                                         <label style="font-size: 16px;font-weight: 700">Non</label>
  267.                                         <input style="margin-left: 5px;margin-top: 4px;" type="checkbox" id="NoNewAlbum" />
  268.                                     </div>
  269.                                     <input type="hidden" id="idProduitModifie" />
  270.                                 </div>
  271.                             </div>
  272.                             <div class="form-group" id="divNomProduitModifier" style="position: relative;left:25%;margin-top: 30px;display: none;">
  274.                                 <label style="font-size: 18px;font-weight: 700;">Veuillez modifier le nom projet : </label><br>
  275.                                 <input type="text" class="form-control" style="position:relative;width:70%;right:10%;" id="nomProduitModifie" />
  276.                                 <input type="hidden" id="nomProduitV1">
  277.                             </div>
  279.                         </div>
  280.                         <div class="BottomUploadImg BottomdialogNotifMsg">
  281.                             <button class='circle btnNotifRandom' data-dismiss="modal" id="btnUpdateAlbumFrompopup" >Enregistrer</button>
  282.                         </div>
  283.                     </div>
  284.                 </div>
  285.             </div>
  287.      <button data-target="#Indicationphotos" data-toggle="modal" style='display: none;' id='btnIndicationphotos'></button>
  288.             <div id="Indicationphotos" class="modal fade" role="dialog" style="background-color: rgba(112, 112, 112, 0.56);z-index: 1000000;" aria-hidden="true">
  289.             <div class="modal-dialog dialogIndication">
  290.                 <div class="row modal-content no-margin contentIndication">
  291.                     <div class="headerdialogUploadImg headerdialogIndication">
  292.                      </div>
  293.                         <div class="row no-margin detailsSejour">
  294.                             <div class="row ContentUpload ContentIndicationAll">  
  295.                                 <h1 class="titledialogIndication">Simple comme bonjour !  </h1>
  296.                                 <div class='ContentImg' >
  297.                                    
  298.                                     <img class="imgAlbum" id="imgAlbumWM" src="{{ asset('/images/imprimeAlbumIndicationphoto.png') }}"/>
  299.                                  
  300.                                     <img class="imgLivre" id="imgLivreWM" src="{{ asset('/images/imprimeLivreIndicationphoto.png') }}"/>
  301.                                     <img class="imgCal" src="{{ asset('/images/imprimeCalendrierIndication2.png') }}"/>
  302.                                 </div>
  303.                                 <div class="divcontentpara" >
  304.                                     <h1 class="titleTelechargement titlenotifmsg" >- Sélectionnez une photo Wahou depuis le bandeau déroulant en bas de votre écran puis cliquez sur "déposer la photo ici" pour un atterrissage réussi. </h1> 
  305.                                     <h1 class="titleTelechargement titlenotifmsg" >- Vous souhaitez ajuster votre photo, la changer ou la switcher avec celle d’à côté? Cliquez sur la photo choisie et laissez-vous guider  </h1>
  306.                                     <h1 class="titleTelechargement titlenotifmsg" >- Dans le bandeau déroulant les photos encadrées en bleu sont celles déjà présentes dans l'album. Celles encadrées en orange ne sont pas encore à bord  </h1>
  307.                                 </div>
  308.                             </div>
  309.                             <div class="row ContentUpload ContentIndicationCal">  
  310.                                 <h1 class="titledialogIndication">Décollage et atterrissage de vos photos préférées ... Prêt pour l’embarquement ? </h1>
  311.                                 <div class='ContentImg' >
  312.                                     <img class="imgCal" id="imgCal1" src="{{ asset('/images/imprimeCalendrierIndication2.png') }}"/>
  313.                                 </div>
  314.                                 <div class="divcontentpara" >
  315.                                     <h1 class="titleTelechargement titlenotifmsg" >- Cliquez sur la page à modifier souhaitée. Choisissez la disposition des photos et faites décoller vos photos les plus Wahou en les faisant glisser !</h1> 
  316.                                     <h1 class="titleTelechargement titlenotifmsg" >- Pour zoomer ou positionner la photo, cliquez sur la photo sélectionnée. Et hop, décollage immédiat !</h1>
  317.                                 </div>
  318.                             </div>
  319.                             <div class="row ContentUpload ContentIndicationPhoto">  
  320.                                 <h1 class="titledialogIndication">Revivez ensemble son séjour ! </h1>
  321.                                 <div class='ContentImg' >
  322.                                     <img class="imgAlbum" id="imgPhotos" src="{{ asset('/images/imprimephotoIndication.png') }}"/>
  323.                                 </div>
  324.                                 <div class="divcontentpara" >
  325.                                     <h1 class="titleTelechargement titlenotifmsg" >- Faites glisser votre photo Wahou dans le cadre prévu </h1> 
  326.                                     <h1 class="titleTelechargement titlenotifmsg" >- Une fois ajoutée, cliquez sur la photo pour zoomer ou la positionner. Et hop, décollage immédiat !</h1>
  327.                                 </div>
  328.                             </div>
  329.                             <div class="row ContentUpload ContentIndicationRetro">  
  330.                                 <h1 class="titledialogIndication">Revivez ensemble son séjour ! </h1>
  331.                                 <div class='ContentImg' >
  332.                                     <img class="imgAlbum" src="{{ asset('/images/imprimephotoIndicationWeb.png') }}"/>
  333.                                 </div>
  334.                                 <div class="divcontentpara" >
  335.                                     <h1 class="titleTelechargement titlenotifmsg" >- Cliquez sur votre photo Wahou puis faites cliquez dans le cadre prévu : et la voilà a sa place !</h1> 
  336.                                     <h1 class="titleTelechargement titlenotifmsg" >- Pour zoomer ou positionner la photo, cliquez sur la photo sélectionnée. Et hop, décollage immédiat !</h1>
  337.                                 </div>
  338.                             </div>
  339.                                 
  340.                         </div>
  341.                     <div class="BottomUploadImg BottomdialogNotifMsg">
  342.                         <button class='circle btnNotifRandom' data-dismiss='modal' >Je comprends</button>
  343.                     </div>
  344.                 </div>
  345.             </div>
  346.         </div>
  347.      <button data-target="#Indicationtxt" data-toggle="modal"  style='display: none;' id='btnIndicationtxt'></button>
  348.             <div id="Indicationtxt" class="modal fade" role="dialog" style="background-color: rgba(112, 112, 112, 0.56);z-index: 1000000;" aria-hidden="true">
  349.             <div class="modal-dialog dialogIndication">
  350.                 <div class="row modal-content no-margin contentIndication">
  351.                     <div class="headerdialogUploadImg headerdialogIndication">
  352.                      </div>
  353.                     <div>
  354.                         <div class="row no-margin detailsSejour">
  355.                             <div class="row ContentUpload">  
  356.                                 <h1 class="titledialogIndication">Une anecdote à partager ? </h1>
  357.                                 <div class='ContentImg' >
  358.                                     <img class="imgAlbum" id="imgAlbumWM3" src="{{ asset('/images/imprimeAlbumIndicationTxt.png') }}"/>  
  359.                                     <img class="imgLivre" id="imgLivreWM3" src="{{ asset('/images/imprimeLivreIndicationTxt.png') }}"/>
  360.                                 </div>
  361.                                 <div class="divcontentpara" >
  362.                                     <h1 class="titleTelechargement titlenotifmsg" >- Sélectionnez la page à modifier grâce aux boutons « à gauche » et « à droite ».   </h1> 
  363.                                     <h1 class="titleTelechargement titlenotifmsg" >- Choisissez ensuite la zone de texte que vous souhaitez et écrivez votre légende </h1>
  364.                                     <h1 class="titleTelechargement titlenotifmsg" >- Vous préférez en bleu, en noir ou en blanc? A vous de choisir grâce aux pastilles de couleurs. Ajoutez des émoticônes et agrandissez la police pour un effet plus Wahou ! </h1>
  365.                                     <h1 class="titleTelechargement titlenotifmsg" >- Faites décoller votre texte en cliquant sur l'avion en papier.  </h1>
  366.                                 </div>
  367.                             </div>
  368.                         </div>
  369.                     </div>
  370.                     <div class="BottomUploadImg BottomdialogNotifMsg">
  371.                         <button class='circle btnNotifRandom' data-dismiss='modal' >Je comprends</button>
  372.                     </div>
  373.                 </div>
  374.             </div>
  375.         </div>
  376.      <button data-target="#IndicationMEP" data-toggle="modal"  style='display: none;' id='btnIndicationMEP'></button>
  377.             <div id="IndicationMEP" class="modal fade" role="dialog" style="background-color: rgba(112, 112, 112, 0.56);z-index: 1000000;" aria-hidden="true">
  378.             <div class="modal-dialog dialogIndication">
  379.                 <div class="row modal-content no-margin contentIndication">
  380.                     <div class="headerdialogUploadImg headerdialogIndication">
  381.                      </div>
  382.                     <div>
  383.                         <div class="row no-margin detailsSejour">
  384.                             <div class="row ContentUpload">  
  385.                                 <h1 class="titledialogIndication">Prêt pour l’embarquement ? </h1>
  386.                                 <div class='ContentImg' >
  387.                                     <img class="imgAlbum" id="imgAlbumWM2" src="{{ asset('/images/imprimeAlbumIndicationMEP.png') }}"/> 
  388.                                     <img class="imgLivre"  id="imgLivreWM2"src="{{ asset('/images/imprimeLivreIndicationMEP.png') }}"/>
  389.                                </div>
  390.                                 <div class="divcontentpara" >
  391.                                     <h1 class="titleTelechargement titlenotifmsg" >- Sélectionnez la page que vous souhaitez modifier grâce aux boutons « à gauche » et « à droite » ou sélectionnez directement la page sur l’album.</h1> 
  392.                                     <h1 class="titleTelechargement titlenotifmsg" >- Changez la couleur du fond de votre album grâce aux 3 pastilles de couleurs (noir, blanc ou bleu) pour un effet plus Wahou ! </h1>
  393.                                 </div>
  394.                             </div>
  395.                         </div>
  396.                     </div>
  397.                     <div class="BottomUploadImg BottomdialogNotifMsg">
  398.                         <button class='circle btnNotifRandom' data-dismiss='modal' >Je comprends</button>
  399.                     </div>
  400.                 </div>
  401.             </div>
  402.         </div>
  403.    <button id="btnPubProduit" data-toggle="modal" data-target="#PubProduit" style="display: none;" data-backdrop="static" data-keyboard="false"></button>
  404.      <div id="PubProduitnonshow" class="modal fade" role="dialog" style="background-color: rgba(0, 0, 0, 0.4); z-index: 1000000 ;">
  405.         <div class="modal-dialog dialogpubprod">
  406.             <div class="row modal-content no-margin contentdialogpubprod" >
  407.                 <div class="headerpubprod">
  408.                     <h1 class="titledialogUploadImg" style="width: calc( 100% - 35px);"></h1>
  409.                    {# <img src="{{ '/images/300ppi/5sur5- Supprimer.png' }}" class="closeNOUploadImg"
  410.                          style="opacity: 1; top: 5px;z-index: 9999999;" data-dismiss="modal"/>#}
  411.                     
  412.                 </div>
  413.           <div class="contenuProduitbienvenu"  style="height:500px;margin-top:-50px">
  414.                     <div class="row no-margin {#detailsProduitbienvenu#} divdetailsAlbum ">
  415.                         {# <div class="row  responsive responsiveweb">
  416.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  417.                                 <div class="single_service">
  418.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeAlbum1.png"}}');" > </div>
  419.                                 </div>
  420.                             </div>
  421.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  422.                                 <div class="single_service">
  423.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeAlbum2.png"  }}');" > </div>
  424.                                 </div>
  425.                             </div>
  426.                                  <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  427.                                 <div class="single_service">
  428.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeAlbum3.png"}}');" > </div>
  429.                                 </div>
  430.                             </div>
  431.                         </div>  #}
  432.                                 {# <div class="row  responsive responsivemobile">
  433.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  434.                                 <div class="single_service">
  435.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeAlbum1.png"}}');" > </div>
  436.                                 </div>
  437.                             </div>
  438.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  439.                                 <div class="single_service">
  440.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeAlbum2.png"  }}');" > </div>
  441.                                 </div>
  442.                             </div> 
  443.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  444.                                 <div class="single_service">
  445.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeAlbum3.png"  }}');" > </div>
  446.                                 </div>
  447.                             </div>
  448.                         </div> #}
  449.                     <div class="namePRD">
  450.                         <h4 class="titleProdbienvenu titleProdbienvenu1" style="text-justify: auto;text-align: center;">Aussi facile et rapide à réaliser qu’un avion en papier … </h4>
  451.                         <div class="divContentAnim"  >
  452.                             <div class="Divanimation">
  453.                                 <img src="/images/LineAnimation.png" class="MyLineFirstPosition" >
  454.                                 <img src="/images/ArrowAnimation.png" class="MyImgFirstPosition">
  455.                             </div>
  456.                         </div>
  457.                         <h4 class="titleProdbienvenu titleProdbienvenu2" style="text-justify: auto;text-align: justify;">Une question, besoin d’aide ? Cliquez ici, <img  src="{{ asset('/images/question.png') }}"/> nous vous guiderons dans vos créations. Prêt à décoller ? </h4>
  458.                          <div class="BottomUploadImg1 BottomdialogNotifMsg1">
  459.                                     <label class="containerCheck"  onclick='CheckProdNotif();'>Ne plus afficher ce message.
  460.                                         <input type="checkbox" id='checkRandomalbum'>
  461.                                         <span class="checkmark"></span>
  462.                                     </label>
  463.                                                          
  465.                          
  466.                         <button class='circle btnNotifRandom' style='margin-left: 30%;margin-right: 30%;width: 40% !important;' data-dismiss='modal' >Fermer</button>
  467.                         </div>
  469.                       {#  <div class="bottomNotif2 "><button class="closeNOUploadImg btnSaveAlbum " style="position: absolute !important;width:fit-content !important;min-width: 35% !important;right: 4%;" data-dismiss="modal">Fermer </button></div>#}
  470.                                            
  471.                     </div>
  473.                     </div>
  474.                     <div class="row no-margin {#detailsProduitbienvenu#} divdetailsLivre">
  475.                         {# <div class="row  responsive responsiveweb">
  476.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  477.                                 <div class="single_service">
  478.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeLivre1.png"}}');" > </div>
  479.                                 </div>
  480.                             </div>
  481.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  482.                                 <div class="single_service">
  483.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeLivre2.png"  }}');" > </div>
  484.                                 </div>
  485.                             </div>
  486.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  487.                                 <div class="single_service">
  488.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeLivre3.png"  }}');" > </div>
  489.                                 </div>
  490.                             </div>
  491.                         </div>  #}
  492.                                 {# <div class="row  responsive responsivemobile">
  493.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  494.                                 <div class="single_service">
  495.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeLivre1.png"}}');" > </div>
  496.                                 </div>
  497.                             </div>
  498.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  499.                                 <div class="single_service">
  500.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeLivre2.png"  }}');" > </div>
  501.                                 </div>
  502.                             </div> 
  503.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  504.                                 <div class="single_service">
  505.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeLivre3.png"  }}');" > </div>
  506.                                 </div>
  507.                             </div>
  508.                         </div> #}
  509.                     <div class="namePRD">
  510.                         <h4 class="titleProdbienvenu titleProdbienvenu1" style="text-justify: auto;text-align: justify;">Aussi facile et rapide à réaliser qu’un avion en papier …</h4>
  511.                          <div class="divContentAnim"  >
  512.                             <div class="Divanimation">
  513.                                 <img src="/images/LineAnimation.png" class="MyLineFirstPosition" >
  514.                                 <img src="/images/ArrowAnimation.png" class="MyImgFirstPosition">
  515.                             </div>
  516.                         </div>
  517.                         <h4 class="titleProdbienvenu titleProdbienvenu2" style="text-justify: auto;text-align: justify;">Une question, besoin d’aide ? Cliquez ici, <img  src="{{ asset('/images/question.png') }}"/> nous vous guiderons dans vos créations. Prêt à décoller ? </h4>
  518.                         <div class="BottomUploadImg1 BottomdialogNotifMsg1">
  519.                                     <label class="containerCheck"  onclick='CheckProdNotif();'>Ne plus afficher ce message.
  520.                                         <input type="checkbox" id='checkRandomalbum'>
  521.                                         <span class="checkmark"></span>
  522.                                     </label>
  523.                                                          
  525.                          
  526.                         <button class='circle btnNotifRandom' style='margin-left: 30%;margin-right: 30%;width: 40% !important;' data-dismiss='modal' >Fermer</button>
  527.                         </div>
  528.                     </div>
  529.                     </div>
  530.                     <div class="row no-margin {#detailsProduitbienvenu#} divdetailsCal">
  531.                         {# <div class="row  responsive responsiveweb">
  532.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  533.                                 <div class="single_service">
  534.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeCalendrierIndication.png"}}');" > </div>
  535.                                 </div>
  536.                             </div>
  537.                         </div>  #}
  538.                                 {# <div class="row  responsive responsivemobile">
  539.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  540.                                 <div class="single_service">
  541.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeCalendrierIndication.png"}}');" > </div>
  542.                                 </div>
  543.                             </div>
  544.                         </div> #}
  545.                     <div class="namePRD">
  546.                         <h4 class="titleProdbienvenu titleProdbienvenu1" style="text-justify: auto;text-align: justify;">Aussi facile et rapide à réaliser qu’un avion en papier …</h4>
  547.                          <div class="divContentAnim"  >
  548.                             <div class="Divanimation">
  549.                                 <img src="/images/LineAnimation.png" class="MyLineFirstPosition" >
  550.                                 <img src="/images/ArrowAnimation.png" class="MyImgFirstPosition">
  551.                             </div>
  552.                         </div>
  553.                         <h4 class="titleProdbienvenu titleProdbienvenu2" style="text-justify: auto;text-align: justify;">Une question, besoin d’aide ? Cliquez ici, <img  src="{{ asset('/images/question.png') }}"/> nous vous guiderons dans vos créations. Prêt à décoller ? </h4>
  554.                           <div class="BottomUploadImg1 BottomdialogNotifMsg1">
  555.                                     <label class="containerCheck"  onclick='CheckProdNotif();'>Ne plus afficher ce message.
  556.                                         <input type="checkbox" id='checkRandomalbum'>
  557.                                         <span class="checkmark"></span>
  558.                                     </label>
  559.                                                          
  561.                          
  562.                         <button class='circle btnNotifRandom' style='margin-left: 30%;margin-right: 30%;width: 40% !important;' data-dismiss='modal' >Fermer</button>
  563.                         </div>
  564.                                 </div>
  565.                     </div>
  566.                     <div class="row no-margin {#detailsProduitbienvenu #} divdetailsPhotos">
  567.                         {#<div class="row  responsive responsiveweb">
  568.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  569.                                 <div class="single_service">
  570.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimephoto.png"}}');" > </div>
  571.                                 </div>
  572.                             </div>
  573.                         </div> 
  574.                                 <div class="row  responsive responsivemobile">
  575.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  576.                                 <div class="single_service">
  577.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimephoto.png"}}');" > </div>
  578.                                 </div>
  579.                             </div>
  580.                         </div>#}
  581.                     <div class="namePRD">
  582.                         <h4 class="titleProdbienvenu titleProdbienvenu1" style="text-justify: auto;text-align: justify;">Aussi facile et rapide à réaliser qu’un avion en papier …</h4>
  583.                          <div class="divContentAnim"  >
  584.                             <div class="Divanimation">
  585.                                 <img src="/images/LineAnimation.png" class="MyLineFirstPosition" >
  586.                                 <img src="/images/ArrowAnimation.png" class="MyImgFirstPosition">
  587.                             </div>
  588.                         </div>
  589.                         <h4 class="titleProdbienvenu titleProdbienvenu2" style="text-justify: auto;text-align: justify;">Une question, besoin d’aide ? Cliquez ici, <img  src="{{ asset('/images/question.png') }}"/> nous vous guiderons dans vos créations. Prêt à décoller ? </h4>
  590.                         <div class="BottomUploadImg1 BottomdialogNotifMsg1">
  591.                                     <label class="containerCheck"  onclick='CheckProdNotif();'>Ne plus afficher ce message.
  592.                                         <input type="checkbox" id='checkRandomalbum'>
  593.                                         <span class="checkmark"></span>
  594.                                     </label>
  595.                                                          
  597.                          
  598.                         <button class='circle btnNotifRandom' style='margin-left: 30%;margin-right: 30%;width: 40% !important;' data-dismiss='modal' >Fermer</button>
  599.                         </div>
  600.                     </div>
  601.                     </div>
  602.                     <div class="row no-margin detailsProduitbienvenu divdetailsRetros">
  603.                         <div class="row  responsive responsiveweb">
  604.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  605.                                 <div class="single_service">
  606.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeretro.png"}}');" > </div>
  607.                                 </div>
  608.                             </div>
  609.                         </div> 
  610.                                 <div class="row  responsive responsivemobile">
  611.                             <div  class="col-lg-12 col-xl-12  col-md-12 col-sm-12 col-xs-12 imgSliderProd ">
  612.                                 <div class="single_service">
  613.                                     <div class="imgproduit" style="background-image: url('{{"/images/imprimeretro.png"}}');" > </div>
  614.                                 </div>
  615.                             </div>
  616.                         </div>
  617.                     <div class="namePRD">
  618.                         <h4 class="titleProdbienvenu titleProdbienvenu1" style="text-justify: auto;text-align: justify;">Aussi facile et rapide à réaliser qu’un avion en papier …</h4>
  619.                          <div class="divContentAnim"  >
  620.                             <div class="Divanimation">
  621.                                 <img src="/images/LineAnimation.png" class="MyLineFirstPosition" >
  622.                                 <img src="/images/ArrowAnimation.png" class="MyImgFirstPosition">
  623.                             </div>
  624.                         </div>
  625.                         <h4 class="titleProdbienvenu titleProdbienvenu2" style="text-justify: auto;text-align: justify;">Une question, besoin d’aide ? Cliquez ici,<img  src="{{ asset('/images/question.png') }}"/> nous vous guiderons dans vos créations. Prêt à décoller ? </h4>
  626.                         <div class="BottomUploadImg1 BottomdialogNotifMsg1">
  627.                                     <label class="containerCheck"  onclick='CheckProdNotif();'>Ne plus afficher ce message.
  628.                                         <input type="checkbox" id='checkRandomalbum'>
  629.                                         <span class="checkmark"></span>
  630.                                     </label>
  631.                                                          
  633.                          
  634.                         <button class="circle btnNotifRandom" style="margin-left: 30%;margin-right: 30%;width: 40% !important;" data-dismiss='modal' >Fermer</button>
  635.                         </div>
  636.                    </div>
  637.                     </div>
  638.                     </div>
  639.                 </div>
  640.             </div>
  641.             </div>
  642.        {% endblock %}
  643.     <body>
  644.     <!-- Google Tag Manager (noscript) -->
  645. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NKDX5H29"
  646. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  647. <!-- End Google Tag Manager (noscript) -->
  649. <div class="loader loaderAcc loderPrepAlbum" id="loaderAcc" >
  650.     <div id="loader" class="loader-container">
  651.         <div class="loader-animation">
  652.             <div class="photo-frame"></div>
  653.             <div class="photo-frame"></div>
  654.             <div class="photo-frame"></div>
  655.         </div>
  656.         <p class="loader-text">
  657.             🛫 On prépare votre création Wahoo... <span id="dynamic-text">Merci de patienter</span> 🤩
  658.         </p>
  659.     </div>
  660.     
  661. </div>
  663.         <div class="loaderAcc loderPrepAlbum" >
  664.         
  665.             <div class="" style="background:transparent;margin-top:10%">
  666.             
  667.                        <div class="divContentAnim"  >
  668.                             <div class="Divanimation">
  669.                                 <img src="/images/LineAnimation.png" class="MyLineFirstPosition" >
  670.                                 <img src="/images/ArrowAnimation.png" class="MyImgFirstPosition">
  671.                             </div>
  672.                         </div>
  673.                         
  674.                        
  675.                         <h4 class="titleProdbienvenu titleProdbienvenu1" style="text-justify: auto;text-align: center;color:black">🎁 Nous préparons votre création Wahou…  Merci de patienter 😍 🥰 </h4>
  676.                        
  677.                       
  678.                      
  679.                       {#  <div class="bottomNotif2 "><button class="closeNOUploadImg btnSaveAlbum " style="position: absolute !important;width:fit-content !important;min-width: 35% !important;right: 4%;" data-dismiss="modal">Fermer </button></div>#}
  680.                                            
  681.                     </div>
  683.         </div>
  684.            <div class="loaderAcc loderPrepAlbum" id="loaderUploadPhoto" >
  685.         
  686.             <div class="" style="background:transparent;margin-top:10%">
  687.                         <div class="divContentAnim"  >
  688.                             <div class="Divanimation">
  689.                                 <img src="/images/LineAnimation.png" class="MyLineFirstPosition" >
  690.                                 <img src="/images/ArrowAnimation.png" class="MyImgFirstPosition">
  691.                             </div>
  692.                         </div>
  693.                         
  694.                        
  695.                         <h4 class="titleProdbienvenu titleProdbienvenu1" style="text-justify: auto;text-align: center;">🥳 Nous préparons vos photos …  Merci de patienter 😍 🥰 </h4>
  696.                         <div class="divContentAnim"  >
  697.                             <div class="Divanimation">
  698.                                 <img src="/images/LineAnimation.png" class="MyLineFirstPosition" >
  699.                                 <img src="/images/ArrowAnimation.png" class="MyImgFirstPosition">
  700.                             </div>
  701.                         </div>
  702.                      
  703.                       {#  <div class="bottomNotif2 "><button class="closeNOUploadImg btnSaveAlbum " style="position: absolute !important;width:fit-content !important;min-width: 35% !important;right: 4%;" data-dismiss="modal">Fermer </button></div>#}
  704.                                            
  705.                     </div>
  707.         </div>
  708.         <div class="loaderAcc loaderAcc2" id="loaderAcc2" onclick="$('.divDrawerPhotos').click();">
  710.     </div>
  711.         {% set moncompte = app.session.get('moncompte') %}
  713.         {% block Header %}
  714.             {{ render(controller('App\\Controller\\EspaceParentController::headerparenrt')) }}
  716.         {% endblock %}
  718.         <div class="contentParents">
  719.             {% block Content %}
  720.             
  721.             {% endblock %}
  722.             
  723.          
  724.         </div>
  725.         {% block Footer %}
  726.              {{ render(controller('App\\Controller\\EspaceParentController::footerparent')) }}
  727.         {% endblock %}
  729.         {% block Javascript %}
  732.             <script type="text/javascript" src="{{ asset('Accueil/js/vendor/modernizr-3.5.0.min.js') }}" ></script>
  733.             <script type="text/javascript" src="{{ asset('Accueil/js/vendor/jquery-1.12.4.min.js') }}" ></script>
  734.             <script type="text/javascript" src="{{ asset('Accueil/js/popper.min.js') }}" ></script>
  735.             <script type="text/javascript" src="{{ asset('Accueil/js/bootstrap.min.js') }}"  ></script>
  736.             <script src="https://unpkg.com/@swup/js-plugin@3"></script>
  737.             <script type="text/javascript" src="{{ asset('Accueil/js/owl.carousel.min.js') }}" ></script>
  738.             <script type="text/javascript" src="{{ asset('Accueil/js/jquery.slicknav.min.js') }}" ></script>
  739.             <script type="text/javascript" src="{{ asset('Accueil/js/slick.min.js') }}"></script>
  740.             <script type="text/javascript" src="{{ asset('Accueil/js/isotope.pkgd.min.js') }}" ></script>
  741.             <script type="text/javascript" src="{{ asset('Accueil/js/ajax-form.js') }}"></script>
  742.             <script type="text/javascript" src="{{ asset('Accueil/js/wow.min.js') }}" ></script>
  743.             <script type="text/javascript" src="{{ asset('Accueil/js/jquery.counterup.min.js') }}" ></script>
  744.             <script type="text/javascript" src="{{ asset('Accueil/js/jquery.magnific-popup.min.js') }}" ></script>
  746.             <script type="text/javascript" src="{{ asset('Accueil/js/scrollIt.js') }}" ></script>
  747.             <script type="text/javascript" src="{{ asset('Accueil/js/jquery.scrollUp.min.js') }}" ></script>
  750.             <script type="text/javascript" src="{{ asset('Accueil/js/waypoints.min.js') }}" ></script>
  752.             <script type="text/javascript" src="{{ asset('Accueil/js/imagesloaded.pkgd.min.js') }}" ></script>
  755.             <script type="text/javascript" src="{{ asset('Accueil/js/nice-select.min.js') }}" ></script>
  758.             <script type="text/javascript" src="{{ asset('Accueil/js/plugins.js') }}"></script>
  759.             <script type="text/javascript" src="{{ asset('Accueil/js/gijgo.min.js') }}"  ></script>
  760.             <script type="text/javascript" src="{{ asset('Accueil/js/slick.min.js') }}"></script>
  763.             <script type="text/javascript" src="{{ asset('Accueil/js/jquery.ajaxchimp.min.js') }}" ></script>
  764.             <!--contact js-->
  765.             <script type="text/javascript" src="{{ asset('Accueil/js/contact.js') }}" ></script>
  766.             <script type="text/javascript" src="{{ asset('Accueil/js/jquery.form.js') }}"  ></script>
  767.             <script type="text/javascript" src="{{ asset('Accueil/js/jquery.validate.min.js') }}" ></script>
  768.             <script type="text/javascript" src="{{ asset('Accueil/js/mail-script.js') }}" ></script>
  769.             <script  type="text/javascript" src="{{ asset('Accueil/js/main.js') }}"  ></script>
  770.             <script  type="text/javascript" src="{{ asset('Accueil/js/jsLayout.js') }}"  ></script>
  771.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script>
  773.             <script src="{{ asset('/Plugins/js/alert.js') }}"></script>
  774.             <script src="{{ asset('/Plugins/js/jquery.inputmask.js') }}"></script>
  775. <script>
  776.     
  777. document.addEventListener('DOMContentLoaded', function () {
  778.   const addToCartButtons = document.querySelectorAll('.cart-blink-btn');
  779.   const cartCountElement = document.getElementById('cart-count');
  780.   const cartLink = document.querySelector('.cart-link');
  782.   addToCartButtons.forEach(button => {
  783.     button.addEventListener('click', function () {
  784.       const currentCount = parseInt(cartCountElement.textContent) || 0;
  785.       cartCountElement.textContent = currentCount + 1;
  786.       cartLink.classList.add('pulse');
  787.       
  788.       // Supprime l'animation après un court délai pour qu'elle puisse être rejouée
  789.       setTimeout(() => {
  790.         cartLink.classList.remove('pulse');
  791.       }, 300); // Doit correspondre à la durée de l'animation en ms
  793.     });
  794.   });
  795. });
  799. </script>
  800.             <script>
  801.              
  802.     $(".logmobile").click(function () {
  803.                     $(".DivFooter").css('display', 'flex');
  804.                     $(".DivFootermobile").hide();
  805.                 });
  806.             </script>
  807.             <script>    $(document).ready(function () {
  809.                     $("body").on("contextmenu", function (e) {
  810.                         return false;
  811.                     });
  812.                     
  813.                        $('[data-toggle="popover"]').popover();
  815.                 });
  817.                  function ActiverNavElement(elem) {
  818.                
  819.                    const home = document.getElementById('homeNav');
  820.                    const microi = document.getElementById('micro');
  821.                    const Maselection = document.getElementById('selecNav');
  822.                    $(home).removeClass('bi bi-house-door-fill');
  823.                   $(home).addClass('bi bi-house-door');
  824.                       $('.list-inline-item').each(function () {
  825.                      $(this).removeClass('activeNav');
  826.                   
  827.                       });
  828.                       
  829.                     elem.addClass('activeNav');
  830.               
  831.                 if (elem.attr('id') === "esphotoMobile") {
  832.             
  833.                  $("#espacphoto").show();
  834.                  $("#espacemessage").hide();
  835.                  $(microi).removeClass('bi bi-mic-fill');
  836.                  $(microi).addClass('bi bi-mic');
  837.                  $(home).removeClass('bi bi-house-door');
  838.                   $(home).addClass('bi bi-house-door-fill');
  839.                 $(Maselection).removeClass('bi bi-bookmarks-fill');
  840.                   $(Maselection).addClass('bi bi-bookmarks');
  841.                 }
  842.                 
  843.                   
  844.                  //# premier_element ~ second_element {  }
  845.                 if (elem.attr('id') === "esmessageMobile") {
  846.                 // $(espacphoto).css('display'​​​​​​​​​​​​​​​​​​​​​​​​​​​,'none');​​​​​​
  847.                    $("#espacphoto").hide();
  848.                      $("#espacemessage").show();
  849.                  $(microi).removeClass('bi bi-mic');
  850.                  $(microi).addClass('bi bi-mic-fill');
  851.                  $(home).removeClass('bi bi-house-door-fill');
  852.                   $(home).addClass('bi bi-house-door');
  853.                 $(Maselection).removeClass('bi bi-bookmarks-fill');
  854.                   $(Maselection).addClass('bi bi-bookmarks');
  855.                 }
  856.             if (elem.attr('id') === "esselectionMobile") {
  857.           
  858.                  $(microi).removeClass('bi bi-mic-fill');
  859.                  $(microi).addClass('bi bi-mic');
  860.                  $(home).removeClass('bi bi-house-door-fill');
  861.                   $(home).addClass('bi bi-house-door');
  862.                    $(Maselection).removeClass('bi bi-bookmarks');
  863.                   $(Maselection).addClass('bi bi-bookmarks-fill');
  864.                 }
  865.                   
  866.                    
  867.                    }
  869.                 document.body.style.webkitTouchCallout = 'none';</script>
  871.                  
  872.             {% endblock %}
  874.     </body>
  876. </html>