templates/FrontBundle/Page/shop2.html.twig line 965

Open in your IDE?
  1. {% extends 'FrontBundle/layout_shop.html.twig' %}
  3. {% block title %}{{ app_sitename }} - {{ page.metaTitle }}{% endblock %}
  4. {% block description %}{{ page.metaDescription }}{% endblock %}
  5. {% block google %}
  6. <!-- Google tag (gtag.js) -->
  7. <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11336737773">
  8. </script>
  9. <script>
  10.     window.dataLayer = window.dataLayer || [];
  11.     function gtag(){dataLayer.push(arguments);}
  12.     gtag('js', new Date());
  14.     gtag('config', 'AW-11336737773');
  15. </script>
  16. {% endblock %}
  18. {% block extra_class %}stack{% endblock %}
  19. {# {% block menu_min %}200{% endblock %} #}
  20. {# {% block menu_max %}2636{% endblock %} #}
  22. {% block stylesheets %}
  23.   <link href="/front/css/owl.carousel.min.css" rel="stylesheet">
  24.   <link href="/front/css/owl.theme.default.min.css" rel="stylesheet">
  25.   <link href="/front/css/nouislider.css" rel="stylesheet">
  27.   <style>
  29.       .bon-cadeau .options,
  30.       .bon-cadeau .options.small {
  31.           display: none;
  32.       }
  34.     /* ETOILES */
  36.     #bon-cadeau-results .item {
  37.         position: relative;
  38.     }
  40.       #bon-cadeau-12::before,
  41.       #bon-cadeau-28::before,
  42.       #bon-cadeau-17::before,
  43.       #bon-cadeau-31::before,
  44.       #bon-cadeau-25::before,
  45.       #bon-cadeau-22::before {
  46.           content: url(/front/img/stars3.svg);
  47.           position: absolute;
  48.           left: 42px;
  49.           top: 16px;
  50.           z-index: -1;
  51.       }
  53.       #bon-cadeau-12::after,
  54.       #bon-cadeau-28::after,
  55.       #bon-cadeau-17::after,
  56.       #bon-cadeau-31::after,
  57.       #bon-cadeau-25::after,
  58.       #bon-cadeau-22::after {
  59.           content: url(/front/img/stars4.svg);
  60.           position: absolute;
  61.           right: 22px;
  62.           bottom: 110px;
  63.           z-index: -1;
  64.       }
  66.       #bon-cadeau-14::before,
  67.       #bon-cadeau-30::before,
  68.       #bon-cadeau-16::before,
  69.       #bon-cadeau-27::before,
  70.       #bon-cadeau-33::before,
  71.       #bon-cadeau-19::before {
  72.           content: url(/front/img/stars5.svg);
  73.           position: absolute;
  74.           right: 55px;
  75.           top: 116px;
  76.           z-index: -1;
  77.       }
  79.       #bon-cadeau-20::before,
  80.       #bon-cadeau-34::before {
  81.           content: url(/front/img/stars1.svg);
  82.           position: absolute;
  83.           left: -46px;
  84.           bottom: 77px;
  85.       }
  87.       /* FIN ETOILES */
  89.       #bon-cadeau-10-plus {
  90.           margin-top: 1px;
  91.       }
  92.   /**
  93.       override footer cause bug
  94.        */
  95.       footer .bottom{
  96.           height: 60px;
  97.           margin-top: -10px;
  98.           display: flex;
  99.       }
  100.       @media screen and (min-width: 1400px){
  101.           footer .bottom .col-md-8 ul {
  102.               height: 100%;
  103.               display: grid;
  104.               grid-auto-flow: column;
  105.               align-items: center;
  106.           }
  107.       }
  108.       @media screen and (min-width: 458px) {
  109.           footer .bottom .col-md-8 ul {
  110.               height: 100%;
  111.               display: block;
  112.               grid-auto-flow: revert;
  113.           }
  114.       }
  116.   .full-bar {
  117.       width: 100%;
  118.   }
  119.     .bon-cadeau{
  120.       cursor: pointer;
  121.     }
  123.     .bon-cadeau:last-child{
  124.       cursor: revert;
  125.     }
  127.     /* Ciblez .bon-cadeau dans .shop_bons_section1 et .shop_bons_section2 pour l'état par défaut */
  128.     .page_shop .shop_bons_section1 .bon-cadeau::before,
  129.     .page_shop .shop_bons_section2 .bon-cadeau::before {
  130.       border: 1px solid transparent;
  131.       transition: border 0.3s ease-in-out, transform 0.3s ease-in-out;
  132.       transform: scale(1);
  133.       height: 100%;
  134.     }
  136.     /* Ciblez .bon-cadeau dans .shop_bons_section1 et .shop_bons_section2 pour l'état de survol */
  137.     .page_shop .shop_bons_section1 .bon-cadeau:hover::before,
  138.     .page_shop .shop_bons_section2 .bon-cadeau:hover::before {
  139.       border: 1px solid var(--red);
  140.       transform: scale(1.05);
  141.     }
  143.     /* Annuler les transformations pour les éléments avec la classe .last-item-class */
  144.     .page_shop .shop_bons_section1 .last-item-class .bon-cadeau::before,
  145.     .page_shop .shop_bons_section2 .last-item-class .bon-cadeau::before,
  146.     .page_shop .shop_bons_section1 .last-item-class .bon-cadeau:hover::before,
  147.     .page_shop .shop_bons_section2 .last-item-class .bon-cadeau:hover::before {
  148.       border: 1px solid transparent !important;
  149.       transform: scale(1) !important;
  150.       transition: none !important;
  151.   }
  153.   .options {
  154. /*    position: absolute;
  155.     background-color: #faf5f5;*/
  156.     padding-left: 15px;
  157.     margin-left: -15px;
  158.     border-radius: 30px;
  159.     padding-bottom: 10px;
  160.     cursor: pointer;
  161.   }
  164.   .options li {
  165.       background-color: #FFFFFF;
  166.       border-radius: 15px;
  167.       padding: 5px 0px;
  168.       margin: 5px;
  169.       width: calc(25% - -59px);
  170.       float: left;
  171.       position: relative;
  172.       height: 74px;
  173.       border: 1px solid #FFFFFF;
  174.   }
  176.   .options label {
  177.       border-bottom: 2px solid var(--red);
  178.       display: table;
  179.       padding: 0px 0px 5px 0px;
  180.       width: auto;
  181.       margin-bottom: 10px;
  182.   }
  184.   .option-content {
  185.       border-radius: 14px;
  186.       background: #931517;
  187.       display: flex;
  188.       justify-content: center;
  189.       align-items: center;
  190.       width: 119px;
  191.       height: 19px;
  192.       flex-shrink: 0;
  193.       margin-top: 10px;
  194.       color: #fff;
  195.       padding: 0.5rem 1rem;
  196.       font-size: 13px;
  197.       font-weight: 600;
  198.       margin-bottom: 4px;
  199.   }
  201.   .options ul {
  202.       background-color: transparent;
  203.       border-radius: 30px;
  204.       padding: 0px !important;
  205.       margin: 0px !important;
  206.       float: left;
  207.       width: 100%;
  208.       list-style: none;
  209.   }
  211.   .options .title {
  212.       max-width: 92%;
  213.       transform: translateX(4.2%);
  214.       margin: 0;
  215.       font-size: 11px;
  216.       font-weight: normal;
  217.       text-align: center;
  218.       padding: 0;
  219.       line-height: 14px;
  220.       min-height: 33px;
  221.   }
  223.   .options ul li {
  224.     width: calc(31% - -59px);
  225.   }
  227.   .options ul li::before {
  228.     content: '';
  229.   }
  231.   .items-slider .item .options .price {
  232.       margin: 3px 0 0 0;
  233.       font-size: 14px;
  234.       font-weight: normal;
  235.       color: var(--red);
  236.       text-align: center;
  237.       width: 100%;
  238.       padding: 0;
  239.   }
  241.   .shop_bons_section1 .bon-cadeau .actions2 {
  242.     position: absolute;
  243.     height: 33px;
  244.     width: 33.3%;
  245.     background-color: var(--red);
  246.     border-radius: 16px;
  247.     margin: 0px;
  248.     top: calc(100% - 45px);
  249.   }
  251.   .shop_bons_section1 #bon-cadeau-25 .actions2,
  252.   .shop_bons_section1 #bon-cadeau-26 .actions2,
  253.   .shop_bons_section1 #bon-cadeau-27 .actions2,
  254.   .shop_bons_section1 #bon-cadeau-15 .actions2,
  255.   .shop_bons_section1 #bon-cadeau-16 .actions2,
  256.   .shop_bons_section1 #bon-cadeau-22 .actions2,
  257.   .shop_bons_section1 #bon-cadeau-20 .actions2,
  258.   .shop_bons_section1 #bon-cadeau-34 .actions2,
  259.   .shop_bons_section1 #bon-cadeau-4 .actions2,
  260.   .shop_bons_section1 #bon-cadeau-5 .actions2,
  261.   .shop_bons_section1 #bon-cadeau-11 .actions2,
  262.   .shop_bons_section1 #bon-cadeau-9 .actions2 {
  263.     position: relative;
  264.     height: 34px;
  265.     width: 74%;
  266.     background-color: var(--red);
  267.     border-radius: 16px;
  268.     margin: 0px;
  269.     margin-bottom: 15px;
  270.     top: 0px;
  271.   }
  273.     .col-md-7 .pt-5 .infos {
  274.         background-color: #FFFFFF;
  275.         width: 15px;
  276.         height: 15px;
  277.         margin-left: 15px;
  278.         -webkit-box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 16%);
  279.         box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 16%);
  280.         color: #000000;
  281.         display: inline-block;
  282.         border-radius: 8px;
  283.         text-align: center;
  284.         font-weight: 500;
  285.         line-height: 15px;
  286.         font-size: 13px;
  287.         cursor: pointer;
  288.         z-index: 800;
  289.     }
  291.   .shop_bons_section1 #bon-cadeau-25 .actions2 .price,
  292.   .shop_bons_section1 #bon-cadeau-26 .actions2 .price,
  293.   .shop_bons_section1 #bon-cadeau-37 .actions2 .price,
  294.   .shop_bons_section1 #bon-cadeau-15 .actions2 .price,
  295.   .shop_bons_section1 #bon-cadeau-16 .actions2 .price,
  296.   .shop_bons_section1 #bon-cadeau-22 .actions2 .price,
  297.   .shop_bons_section1 #bon-cadeau-20 .actions2 .price,
  298.   .shop_bons_section1 #bon-cadeau-4 .actions2 .price,
  299.   .shop_bons_section1 #bon-cadeau-5 .actions2 .price,
  300.   .shop_bons_section1 #bon-cadeau-11 .actions2 .price,
  301.   .shop_bons_section1 #bon-cadeau-9 .actions2 .price {
  302.     line-height: 33px;
  303.     margin-top: 0px;
  304.   }
  307.   .options .title .sub {
  308.     color: #656565;
  309.     font-size: 10px;
  310.   }
  312.   .shop_bons_section1 {
  313.     min-height: 630px;
  314.   }
  316.   .options.small {
  317.     position: relative;
  318.     padding-left: 0px;
  319.     margin-left: 0px;
  320.     background-color: transparent;
  321.     width: 100%;
  322.       margin-top: 1rem;
  323.     max-width: 255px;
  324.   }
  326.   .options.small ul li {
  327.     width: 100%;
  328.   }
  330.   .options.small ul li {
  331.     height: 60px !important;
  332.   }
  334.   #bon-cadeau-6 .option-1, 
  335.   #bon-cadeau-6 .option-2,
  336.   #bon-cadeau-20 .option-1,
  337.   #bon-cadeau-20 .option-2,
  338.   #bon-cadeau-7 .option-1, 
  339.   #bon-cadeau-7 .option-2,
  340.   #bon-cadeau-8 .option-1, 
  341.   #bon-cadeau-8 .option-2,
  342.   #bon-cadeau-9 .option-1, 
  343.   #bon-cadeau-9 .option-2 {
  344.     display: none;
  345.   }
  347.   .bon-cadeau .actions2 .add-cart {
  348.     top: 4px;
  349.   }
  351.   .options.small .title {
  352.     min-height: auto;
  353.   }
  355.   .items-slider .item .options.small .price {
  356.     margin: 0px !important;
  357.   }
  360.   .shop_bons_section1 #bon-cadeau-10 .bon-cadeau .actions2 {
  361.     top: calc(74% - 16px);
  362.   }
  364.   .items-slider .item .price {
  365.     font-size: 16px;
  366.     line-height: 32px;
  367.   }
  369.   .actions2{
  370.       position: relative;
  371.   }
  373.   .shop_bons_section2 .bon-cadeau .actions2 ,.add {
  374.       top: 48% !important;
  375.       height: 28px;
  376.       width: 207px;
  377.   }
  379.   .shop_bons_section2 .bon-cadeau .actions2 ,.one{
  380.       top: 44.8% !important;
  381.       height: 28px;
  382.       width: 207px;
  383.   }
  385.   .shop_bons_section2 .bon-cadeau .actions2 .add-cart {
  386.     top:4px !important;
  387.   }
  389.   #bon-cadeau-9 .options .col-12:first-child .option-content{
  390.       display: none;
  391.   }
  393.   .bon-cadeau ul {
  394.     margin-bottom: 15px;
  395.   }
  397.   .bon-cadeau .actions2 {
  398.     position: relative !important;
  399.   }
  401.   .shop_bons_section2 .bon-cadeau .actions2, .one {
  402.     top: inherit !important;
  403.     width: 100%;
  404.     height: 34px;
  405.   }
  407.   #bon-cadeau-10 .actions2 {
  408.     position: absolute !important;
  409.   }
  411. /*  #bon-cadeau-6 .option-6,
  412.   #bon-cadeau-7 .option-6,
  413.   #bon-cadeau-8 .option-6,
  414.   #bon-cadeau-9 .option-6 {
  415.     display: none;
  416.   }*/
  418.     .infos {
  419.         background-color: var(--red);
  420.         width: 15px;
  421.         height: 15px;
  422.         position: absolute;
  423.         display: block;
  424.         color: #FFFFFF;
  425.         border-radius: 8px;
  426.         text-align: center;
  427.         font-weight: 500;
  428.         line-height: 15px;
  429.         font-size: 13px;
  430.         right: -10px;
  431.         top: -10px;
  432.         cursor: pointer;
  433.         z-index: 800;
  434.         margin: 10px;
  435.     }
  437.   @media (max-width: 1440px)
  438.   {
  439.     .options ul li {
  440.       width: calc(50% - 18px);
  441.     }
  444.     .shop_bons_section1 {
  445.       min-height: 760px;
  446.     }
  448.     .shop_bons_section1 #bon-cadeau-10 .bon-cadeau .actions2 {
  449.       
  450.       top: calc(100% - 45px);
  451.     }
  454.     .items-slider .item .price {
  455.       font-size: 15px;
  456.       line-height: 33px;
  457.     }
  459.   }
  462.   @media (max-width: 768px)
  463.   {
  464.     .options {
  465.       width: 58%;
  466.     }
  467.     .options ul li {
  468.         width: calc(100% - 24px);
  469.       height: 60px !important;
  470.     }
  473.     .options .title {
  474.       min-height: auto;
  475.     }
  477.     .items-slider .item .options .price {
  478.       margin: 0px !important;
  479.     }
  481.     .shop_bons_section1 {
  482.       min-height: 960px;
  483.     }
  485.     .bon-cadeau .actions2 {
  486.         width: calc(100% - 60px);
  487.     }
  489. /*      .shop_bons_section2 .bon-cadeau .actions2 ,.one{
  490.           top: 48% !important;
  491.           height: 28px;
  492.           width: 207px;
  493.       }*/
  496.   }
  499.   @media (max-width: 767px)
  500.   {
  501.     .options {
  502.       position: relative;
  503.       padding-left: 0px;
  504.       margin-left: 0px;
  505.       background-color: transparent;
  506.       width: 100%;
  507.     }
  509.     .options ul li {
  510.       width: 100%;
  511.     }
  513.     .shop_bons_section1 .bon-cadeau .actions2 {
  514.       width: calc(100% - 60px);
  515.       top: calc(100% - 17px);
  516.     }
  518.     .options.small {
  519.       max-width: 100%;
  520.     }
  522.     .shop_bons_section1 #bon-cadeau-4 .actions2,
  523.     .shop_bons_section1 #bon-cadeau-5 .actions2,
  524.     .shop_bons_section1 #bon-cadeau-11 .actions2,
  525.     .shop_bons_section1 #bon-cadeau-9 .actions2 {
  526.       width: 100%;
  527.     }
  529.   }
  530.     .additional .infos{
  531.         right: -25px;
  532.         transform: translateX(-5%);
  533.         background-color: #FFFFFF;
  534.         color: #000000;
  535.     }
  536.     ul, .additional{
  537.         display: table;
  538.     }
  539.     .date-article p{
  540.         padding: 0;
  541.         text-align: center;
  542.         font-size: .875rem;
  543.         font-weight: 500;
  544.     }
  546.     .btn-primary.active,
  547.     .btn-primary:hover {
  548.         color: #ffffff;
  549.         text-decoration: none;
  550.         border: 1px solid var(--red);
  551.         background-color: var(--red);
  552.     }
  555.     .bon-cadeau .per-person{
  556.         font-size: 12px;
  557.     }
  559.     .bon-cadeau .per-person{
  560.         height: 25px;
  561.     }
  563.     .bon-cadeau .per-person span{
  564.         line-height: 26px;
  565.     }
  567.     .bon-cadeau .per-person img{
  568.         margin: 9px 0 0 6px;
  569.     }
  571.     .items-slider .item .category{
  572.         font-size: 12px;
  573.     }
  575.     .bon-cadeau .actions2 .no-cart{
  576.         width: 145px;
  577.         font-size: 0.9rem;
  578.         position: absolute;
  579.         background-color: #FFFFFF;
  580.         right: 3px;
  581.         top: 4px;
  582.         height: 26px;
  583.         border-radius: 13px;
  584.         text-align: center;
  585.     }
  587.     .bon-cadeau .actions2 .price{
  588.         width: 50%;
  589.     }
  591.     .shop-bf .bon-cadeau .actions2 .price {
  592.         color: #000000;
  593.     }
  595.     .shop-bf .option-content,
  596.     .shop-bf .bon-cadeau .actions2,
  597.     .shop-bf.items-slider .item .category {
  598.         background-color: #FFF446;
  599.         color: #000000;
  600.     }
  602.     .shop-bf .bon-cadeau::before {
  603.         background-color: #fff4462e !important;
  604.     }
  606.     .shop-bf .bon-cadeau ul li::before {
  607.         color: #FFF446;
  608.     }
  610.     .shop-bf .options label {
  611.         border-bottom: #FFF446;
  612.     }
  614.     .shop-bf .bon-cadeau:hover::before {
  615.         border: 1px solid #000000 !important;
  616.     }
  618.     .shop-bf .barre {
  619.         text-decoration: line-through;
  620.         margin-left: -65px;
  621.         background-color: #FFF446;
  622.         border-radius: 16px;
  623.         padding: 8px 8px 7px 8px;
  624.         text-decoration-thickness: 2px;
  625.     }
  628.   </style>
  630. {% endblock %}
  633. {% block body %}
  636. {% if category_slug is null %}
  637.       <div class="content nav-content" style="margin-top:60px">
  638.         <div class="row fluid-menu">
  639.           <div class="nav-menu">
  640.             <div class="nav-list">
  641.               <div class="overlay"></div>
  642.               <ul>
  643.               {% for category in categories %}
  644.                 <li class="{{ (category.slug == 'bon-cadeau') ? 'active hover' : 'soon' }}"><a href="{{ (category.slug == 'bon-cadeau') ? path('framework_front_shop_cat', {'category_slug': category.slug, 'locale': app.request.locale}) : '#' }}">{{ category.name[app.request.locale] }}</a></li>
  645.               {% endfor %}
  646.               </ul>
  647.             </div>
  648.           </div>
  649.         </div>
  650.       </div>
  651. {% else %}
  653.       <div class="content nav-content" style="margin-top:60px">
  654.         <div class="row fluid-menu">
  655.           <div class="nav-menu">
  656.             <div class="nav-list">
  657.               <div class="overlay"></div>
  658.               <ul>
  659.                 <li><a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/articles">{{ 'shop_all'|tr(tr)|raw }}</a></li>
  660.                 <li class="{{ (category.slug == 'bon-cadeau') ? 'active hover' : 'soon' }}"><a href="{{ (category.slug == 'bon-cadeau') ? path('framework_front_shop_cat', {'category_slug': category.slug, 'locale': app.request.locale}) : '#' }}">{{ categoryName|replace({'Bons cadeaux': 'menu_bons'|tr(tr) }) }}</a></li>
  661.               </ul>
  662.             </div>
  663.           </div>
  664.         </div>
  665.       </div>
  666. {% endif %}
  670. {% if category_slug is null or category_slug == 'bon-cadeau' %}
  671.     <section class="espace-content full mt-0" id="bon-cadeau" >
  672.       <div class="content">
  673.         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}" class="link-back"><img src="/front/img/button-arrow-r-l.svg" alt="back" width="25px" class="me-2" />{{ 'shop_back'|tr(tr)|raw }}</a>
  674.         <h1 class=" mb-3 no-bar mt-4">{{ categoryName|replace({'Bons cadeaux': 'menu_bons'|tr(tr) }) }} / {{ 'shop_bons_season'|tr(tr)|raw }}<span class="full-bar"></span></h1>
  675.         <span class="bon-badge">{{ 'shop_bons_badge'|tr(tr)|raw }}</span>
  676.           <p class="pt-4 pb-0 text-black">
  677.           {{ 'shop_bons_subtitle'|tr(tr)|raw }}
  678.           </p>
  679.       </div>
  680.     </section>
  693. {#
  695.     <h3 id="bf" class="shop_bons_section mt-5">{{ 'shop_bons_section_bf'|tr(tr)|upper|raw }}</h3>
  696.     <div class="items-slider pack-slider espace-content p-0 mt-3 mb-5 shop-bf">
  697.         <div class="content pb-5 mt-3">
  698.             <div class="row shop_bons_section2 justify-content-center" id="bon-cadeau-results">
  700.                 {% for item in bons %}
  702.                     {% set saved = false %}
  703.                     {% for bookmark in bookmarks %}
  704.                         {% if bookmark.product.id == item.id %}
  705.                             {% set saved = true %}
  706.                         {% endif %}
  707.                     {% endfor %}
  708.                     {% if item.slug in ['bon-cadeau-23', 'bon-cadeau-24'] %}
  709.                         <div class="item col-md-4 mb-5" id="{{ item.slug }}">
  710.                             <div class="bon-cadeau">
  711.                                 <div class="col-md-12">
  712.                                     <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  713.                                     <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  714.                                         <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  715.                                         #}
  716. {# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}{#
  718.                                         <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  719.                                         <div class="date-article">
  720.                                             <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  721.                                         </div>
  722.                                     </a>
  723.                                 </div>
  724.                                 <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  725.                                     <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  726.                                     <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  727.                                     <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  728.                                 </a>
  729.                                 <div class="additional" >
  730.                                     {{ item.additionalLocale(app.request.locale)|raw }}
  731.                                 </div>
  733.                                 <div class="actions2 one">
  734.                                     <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  735.                                         <span class="price"><span class="barre">{{ item.priceFr|replace({'83,20': '104', '77,60': "97"}) }} €</span> {{ item.priceFr }} €</span>
  736.                                         <p class="no-cart fast-cart text-black p-0">Je commande</p>
  737.                                     </a>
  738.                                 </div>
  739.                                 <div class="options small" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  740.                                     <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  741.                                     <div class="row">
  742.                                         <div class="col-12">
  743.                                       <span class="option-content">
  744.                                         Restaurant
  745.                                     </span>
  746.                                             <ul class="mt-3">
  747.                                                 {% for option in options %}
  748.                                                     {% if option.restaurant  == true %}
  749.                                                         <li class="option-{{option.id}}" style="height: 85px">
  750.                                                             {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  751.                                                             <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  752.                                                             <p class="price">(+ {{ option.price }} €)</p>
  753.                                                         </li>
  754.                                                     {% endif %}
  755.                                                 {% endfor %}
  756.                                             </ul>
  757.                                         </div>
  758.                                         <div class="col-12">
  759.                                     <span class="option-content">
  760.                                         Lounge Club
  761.                                     </span>
  762.                                             <ul class="mt-3">
  763.                                                 {% for option in options %}
  764.                                                     {% if option.lounge  == true %}
  765.                                                         <li class="option-{{option.id}}">
  766.                                                             <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  767.                                                             <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  768.                                                         </li>
  769.                                                     {% endif %}
  770.                                                 {% endfor %}
  771.                                             </ul>
  772.                                         </div>
  773.                                     </div>
  774.                                     <div class="row">
  775.                                         <div class="col-12">
  776.                                     <span class="option-content">
  777.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  778.                                     </span>
  779.                                             <ul class="mt-3">
  780.                                                 {% for option in options %}
  781.                                                     {% if option.boutique  == true %}
  782.                                                         <li class="option-{{option.id}}">
  783.                                                             {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  784.                                                             <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  785.                                                             <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  786.                                                         </li>
  787.                                                     {% endif %}
  788.                                                 {% endfor %}
  789.                                             </ul>
  790.                                         </div>
  791.                                     </div>
  792.                                 </div>
  793.                             </div>
  794.                         </div>
  795.                     {% endif %}
  796.                 {% endfor %}
  799.             </div>
  800.         </div>
  801.     </div>
  802. #}
  825.     <h3 class="shop_bons_section mt-5">{{ 'shop_bons_section1'|tr(tr)|upper|raw }}</h3>
  826.     <div class="items-slider pack-slider espace-content p-0 mt-3 mb-5">
  827.       <div class="content pb-5 mt-3">
  828.         <div class="row shop_bons_section2" id="bon-cadeau-results">
  831. {#              {% for item in bons %}
  833.                   {% set saved = false %}
  834.                   {% for bookmark in bookmarks %}
  835.                     {% if bookmark.product.id == item.id %}
  836.                       {% set saved = true %}
  837.                     {% endif %}
  838.                   {% endfor %}
  839.                   {% if item.slug in ['bon-cadeau-4', 'bon-cadeau-11'] %}
  841.                   <div class="item col-md-6 mb-5" id="{{ item.slug }}">
  842.                     <div class="bon-cadeau row">
  843.                       <div class="col-md-5">
  844.                           <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  845.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  846.                           <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  847.                           #}{# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}{#
  848.                           <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  849.                             <div class="date-article">
  850.                                 <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  851.                             </div>
  852.                         </a>
  853.                       </div>
  855.                       <div class="col-md-7 pt-5">
  856.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  857.                           <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  858.                           <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  859.                           <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  860.                         </a>
  861.                          <div class="additional">
  862.                              {{ item.additionalLocale(app.request.locale)|raw }}
  863.                          </div>
  864.                             <div class="actions2 ">
  865.                                 <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  866.                                 <span class="price">{{ item.priceFr }} €</span>
  867.                                 <p class="no-cart fast-cart text-black p-0">Je commande</p>
  868.                                 </a>
  869.                             </div>
  871.                         <div class="options" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  872.                           <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  873.                             <div class="row">
  874.                                 <div class="col-12">
  875.                                       <span class="option-content">
  876.                                         Restaurant
  877.                                     </span>
  878.                                     <ul class="mt-3">
  879.                                         {% for option in options %}
  880.                                             {% if option.restaurant  == true %}
  881.                                                 <li class="option-{{option.id}}" style="height: 85px">
  882.                                                     {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  883.                                                     <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  884.                                                     <p class="price">(+ {{ option.price }} €)</p>
  885.                                                 </li>
  886.                                             {% endif %}
  887.                                         {% endfor %}
  888.                                     </ul>
  889.                                 </div>
  890.                                 <div class="col-12">
  891.                                     <span class="option-content">
  892.                                         Lounge Club
  893.                                     </span>
  894.                                     <ul class="mt-3">
  895.                                         {% for option in options %}
  896.                                             {% if option.lounge  == true %}
  897.                                                 <li class="option-{{option.id}}">
  898.                                                     {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  899.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  900.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  901.                                                 </li>
  902.                                             {% endif %}
  903.                                         {% endfor %}
  904.                                     </ul>
  905.                                 </div>
  906.                             </div>
  907.                             <div class="row">
  908.                                 <div class="col-12">
  909.                                     <span class="option-content">
  910.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  911.                                     </span>
  912.                                     <ul class="mt-3">
  913.                                         {% for option in options %}
  914.                                             {% if option.boutique  == true %}
  915.                                                 <li class="option-{{option.id}}">
  916.                                                     {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  917.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  918.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  919.                                                 </li>
  920.                                             {% endif %}
  921.                                         {% endfor %}
  922.                                     </ul>
  923.                                 </div>
  924.                             </div>
  925.                         </div>
  926.                       </div>
  927.                     </div>
  928.                   </div>
  929.                   {% endif %}
  930.               {% endfor %}#}
  932.             {% for item in bons %}
  934.                 {% set saved = false %}
  935.                 {% for bookmark in bookmarks %}
  936.                     {% if bookmark.product.id == item.id %}
  937.                         {% set saved = true %}
  938.                     {% endif %}
  939.                 {% endfor %}
  940.                 {% if item.slug in ['bon-cadeau-25', 'bon-cadeau-26', 'bon-cadeau-27'] %}
  941.                     <div class="item col-md-6 col-lg-4 mb-5" id="{{ item.slug }}">
  942.                         <div class="bon-cadeau">
  943.                             <div class="col-md-12">
  944.                                 <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  945.                                 <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  946.                                     <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  947.                                     {# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}
  948.                                     <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  949.                                     <div class="date-article">
  950.                                         <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  951.                                     </div>
  952.                                 </a>
  953.                             </div>
  954.                             <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  955.                                 <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  956.                                 <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  957.                                 <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  958.                             </a>
  959.                             <div class="additional" >
  960.                                 {{ item.additionalLocale(app.request.locale)|raw }}
  961.                             </div>
  963.                             <div class="actions2 one">
  964.                                 <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  965.                                     <span class="price">{{ item.priceFr }} €</span>
  966.                                     <p class="no-cart fast-cart text-black p-0">Je commande</p>
  967.                                 </a>
  968.                             </div>
  969.                             <div class="options small" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  970.                                 <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  971.                                 <div class="row">
  972.                                     <div class="col-12">
  973.                                       <span class="option-content">
  974.                                         Restaurant
  975.                                     </span>
  976.                                         <ul class="mt-3">
  977.                                             {% for option in options %}
  978.                                                 {% if option.restaurant  == true %}
  979.                                                     <li class="option-{{option.id}}" style="height: 85px">
  980.                                                         {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  981.                                                         <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  982.                                                         <p class="price">(+ {{ option.price }} €)</p>
  983.                                                     </li>
  984.                                                 {% endif %}
  985.                                             {% endfor %}
  986.                                         </ul>
  987.                                     </div>
  988.                                     <div class="col-12">
  989.                                     <span class="option-content">
  990.                                         Lounge Club
  991.                                     </span>
  992.                                         <ul class="mt-3">
  993.                                             {% for option in options %}
  994.                                                 {% if option.lounge  == true %}
  995.                                                     <li class="option-{{option.id}}">
  996.                                                         <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  997.                                                         <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  998.                                                     </li>
  999.                                                 {% endif %}
  1000.                                             {% endfor %}
  1001.                                         </ul>
  1002.                                     </div>
  1003.                                 </div>
  1004.                                 <div class="row">
  1005.                                     <div class="col-12">
  1006.                                     <span class="option-content">
  1007.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  1008.                                     </span>
  1009.                                         <ul class="mt-3">
  1010.                                             {% for option in options %}
  1011.                                                 {% if option.boutique  == true %}
  1012.                                                     <li class="option-{{option.id}}">
  1013.                                                         {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  1014.                                                         <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1015.                                                         <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1016.                                                     </li>
  1017.                                                 {% endif %}
  1018.                                             {% endfor %}
  1019.                                         </ul>
  1020.                                     </div>
  1021.                                 </div>
  1022.                             </div>
  1023.                         </div>
  1024.                     </div>
  1025.                 {% endif %}
  1026.             {% endfor %}
  1029.         </div>
  1030.       </div>
  1031.     </div>
  1035.     <h3 class="shop_bons_section mt-5">{{ 'shop_bons_section2'|tr(tr)|upper|raw }}</h3>
  1036.     <div class="items-slider pack-slider espace-content p-0 mt-3 mb-5">
  1037.       <div class="content pb-5 mt-3">
  1038.         <div class="row shop_bons_section2" id="bon-cadeau-results">
  1041.               {% for item in bons %}
  1043.                   {% set saved = false %}
  1044.                   {% for bookmark in bookmarks %}
  1045.                     {% if bookmark.product.id == item.id %}
  1046.                       {% set saved = true %}
  1047.                     {% endif %}
  1048.                   {% endfor %}
  1049.                   {% if item.slug in ['bon-cadeau-28', 'bon-cadeau-29', 'bon-cadeau-30'] %}
  1050.                   <div class="item col-md-6 col-lg-4 mb-5" id="{{ item.slug }}">
  1051.                     <div class="bon-cadeau">
  1052.                       <div class="col-md-12">
  1053.                           <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  1054.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  1055.                           <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  1056.                           {# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}
  1057.                           <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  1058.                             <div class="date-article">
  1059.                                 <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  1060.                             </div>
  1061.                         </a>
  1062.                       </div>
  1063.                           <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  1064.                             <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  1065.                             <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  1066.                             <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  1067.                           </a>
  1068.                             <div class="additional" >
  1069.                                 {{ item.additionalLocale(app.request.locale)|raw }}
  1070.                             </div>
  1072.                       <div class="actions2 one">
  1073.                           <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1074.                               <span class="price">{{ item.priceFr }} €</span>
  1075.                               <p class="no-cart fast-cart text-black p-0">Je commande</p>
  1076.                           </a>
  1077.                       </div>
  1078.                         <div class="options small" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1079.                           <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  1080.                             <div class="row">
  1081.                                 <div class="col-12">
  1082.                                       <span class="option-content">
  1083.                                         Restaurant
  1084.                                     </span>
  1085.                                     <ul class="mt-3">
  1086.                                         {% for option in options %}
  1087.                                             {% if option.restaurant  == true %}
  1088.                                                 <li class="option-{{option.id}}" style="height: 85px">
  1089.                                                     {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  1090.                                                     <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  1091.                                                     <p class="price">(+ {{ option.price }} €)</p>
  1092.                                                 </li>
  1093.                                             {% endif %}
  1094.                                         {% endfor %}
  1095.                                     </ul>
  1096.                                 </div>
  1097.                                 <div class="col-12">
  1098.                                     <span class="option-content">
  1099.                                         Lounge Club
  1100.                                     </span>
  1101.                                     <ul class="mt-3">
  1102.                                         {% for option in options %}
  1103.                                             {% if option.lounge  == true %}
  1104.                                                 <li class="option-{{option.id}}">
  1105.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1106.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1107.                                                 </li>
  1108.                                             {% endif %}
  1109.                                         {% endfor %}
  1110.                                     </ul>
  1111.                                 </div>
  1112.                             </div>
  1113.                             <div class="row">
  1114.                                 <div class="col-12">
  1115.                                     <span class="option-content">
  1116.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  1117.                                     </span>
  1118.                                     <ul class="mt-3">
  1119.                                         {% for option in options %}
  1120.                                             {% if option.boutique  == true %}
  1121.                                                 <li class="option-{{option.id}}">
  1122.                                                     {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  1123.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1124.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1125.                                                 </li>
  1126.                                             {% endif %}
  1127.                                         {% endfor %}
  1128.                                     </ul>
  1129.                                 </div>
  1130.                             </div>
  1131.                         </div>
  1132.                     </div>
  1133.                   </div>
  1134.                   {% endif %}
  1135.               {% endfor %}
  1137.         </div>
  1138.       </div>
  1139.     </div>
  1143.     <h3 class="shop_bons_section mt-5">{{ 'shop_bons_section3'|tr(tr)|upper|raw }}</h3>
  1144.     <div class="items-slider pack-slider espace-content p-0 mt-3 mb-5">
  1145.       <div class="content pb-5 mt-3">
  1146.         <div class="row shop_bons_section2" id="bon-cadeau-results">
  1149.               {% for item in bons %}
  1150.                   {% set saved = false %}
  1151.                   {% for bookmark in bookmarks %}
  1152.                     {% if bookmark.product.id == item.id %}
  1153.                       {% set saved = true %}
  1154.                     {% endif %}
  1155.                   {% endfor %}
  1156.                   {% if item.slug in ['bon-cadeau-31', 'bon-cadeau-32', 'bon-cadeau-33'] %}
  1157.                   <div class="item col-md-6 col-lg-4 mb-5" id="{{ item.slug }}">
  1158.                     <div class="bon-cadeau">
  1159.                       <div class="col-md-12">
  1160.                           <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  1161.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  1162.                           <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  1163.                           {# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}
  1164.                           <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  1165.                             <div class="date-article">
  1166.                                 <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  1167.                             </div>
  1168.                         </a>
  1169.                       </div>
  1170.                       <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  1171.                         <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  1172.                         <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  1173.                         <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  1174.                       </a>
  1175.                           <div class="additional">
  1176.                               {{ item.additionalLocale(app.request.locale)|raw }}
  1177.                           </div>
  1178.                           <div class="actions2 add">
  1179.                               <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1180.                                   <span class="price">{{ item.priceFr }} €</span>
  1181.                                   <p class="no-cart fast-cart text-black p-0">Je commande</p>
  1182.                               </a>
  1183.                           </div>
  1184.                         <div class="options small" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1185.                           <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  1186.                             <div class="row">
  1187.                                 <div class="col-12">
  1188.                                         <span class="option-content d-none">
  1189.                                         Restaurant
  1190.                                         </span>
  1191.                                             <ul class="mt-3  d-none">
  1192.                                                 {% for option in options %}
  1193.                                                     {% if option.restaurant  == true %}
  1194.                                                         <li class="option-{{option.id}}" style="height: 85px">
  1195.                                                             <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  1196.                                                             <p class="price">(+ {{ option.price }} €)</p>
  1197.                                                         </li>
  1198.                                                     {% endif %}
  1199.                                                 {% endfor %}
  1200.                                             </ul>
  1201.                                 </div>
  1202.                                 <div class="col-12">
  1203.                                     <span class="option-content">
  1204.                                         Lounge Club
  1205.                                     </span>
  1206.                                     <ul class="mt-3">
  1207.                                         {% for option in options %}
  1208.                                             {% if option.lounge  == true %}
  1209.                                                 <li class="option-{{option.id}}">
  1210.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1211.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1212.                                                 </li>
  1213.                                             {% endif %}
  1214.                                         {% endfor %}
  1215.                                     </ul>
  1216.                                 </div>
  1217.                             </div>
  1218.                             <div class="row">
  1219.                                 <div class="col-12">
  1220.                                     <span class="option-content">
  1221.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  1222.                                     </span>
  1223.                                     <ul class="mt-3">
  1224.                                         {% for option in options %}
  1225.                                             {% if option.boutique  == true %}
  1226.                                                 <li class="option-{{option.id}}">
  1227.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1228.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1229.                                                 </li>
  1230.                                             {% endif %}
  1231.                                         {% endfor %}
  1232.                                     </ul>
  1233.                                 </div>
  1234.                             </div>
  1235.                         </div>
  1236.                     </div>
  1237.                   </div>
  1238.                   {% endif %}
  1239.               {% endfor %}
  1241.         </div>
  1242.       </div>
  1243.     </div>
  1247.     <h3 class="shop_bons_section mt-5">{{ 'shop_bons_section4'|tr(tr)|upper|raw }}</h3>
  1248.     <div class="items-slider pack-slider espace-content p-0 mt-3 mb-5">
  1249.       <div class="content pb-5 mt-3">
  1250.         <div class="row shop_bons_section1" id="bon-cadeau-results">
  1253.               {% for item in bons %}
  1255.                   {% set saved = false %}
  1256.                   {% for bookmark in bookmarks %}
  1257.                     {% if bookmark.product.id == item.id %}
  1258.                       {% set saved = true %}
  1259.                     {% endif %}
  1260.                   {% endfor %}
  1261.                   {% if item.slug in ['bon-cadeau-34'] %}
  1262.                   <div class="item col-md-12 col-lg-6 mb-5" id="{{ item.slug }}">
  1263.                     <div class="bon-cadeau row">
  1265.                       <div class="col-md-5">
  1267.                           <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  1268.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1269.                           <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  1270.                           {# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}
  1271.                           <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  1272.                             <div class="date-article">
  1273.                                 <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  1274.                             </div>
  1275.                         </a>
  1279.                       </div>
  1281.                       <div class="col-md-7 pt-5">
  1283.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1284.                           <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  1285.                           <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  1286.                           <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  1287.                         </a>
  1288.                             <div class="additional">
  1289.                                 {{ item.additionalLocale(app.request.locale)|raw }}
  1290.                             </div>
  1291.                             <div class="actions2">
  1292.                                 <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1293.                                     <span class="price">{{ item.priceFr }} €</span>
  1294.                                     <p class="no-cart fast-cart text-black p-0">Je commande</p>
  1295.                                 </a>
  1296.                             </div>
  1301.                         <div class="options" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1303.                           <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  1304.                             <div class="row">
  1305.                                 <div class="col-12">
  1306.                                       <span class="option-content  d-none">
  1307.                                         Restaurant
  1308.                                     </span>
  1309.                                     <ul class="mt-3 d-none">
  1310.                                         {% for option in options %}
  1311.                                             {% if option.restaurant  == true %}
  1312.                                                 <li class="option-{{option.id}}" style="height: 85px">
  1313.                                                     <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  1314.                                                     <p class="price">(+ {{ option.price }} €)</p>
  1315.                                                 </li>
  1316.                                             {% endif %}
  1317.                                         {% endfor %}
  1318.                                     </ul>
  1319.                                 </div>
  1320.                                 <div class="col-12">
  1321.                                     <span class="option-content">
  1322.                                         Lounge Club
  1323.                                     </span>
  1324.                                     <ul class="mt-3">
  1325.                                         {% for option in options %}
  1326.                                             {% if option.lounge  == true %}
  1327.                                                 <li class="option-{{option.id}}">
  1328.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1329.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1330.                                                 </li>
  1331.                                             {% endif %}
  1332.                                         {% endfor %}
  1333.                                     </ul>
  1334.                                 </div>
  1335.                             </div>
  1336.                             <div class="row">
  1337.                                 <div class="col-12">
  1338.                                     <span class="option-content">
  1339.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  1340.                                     </span>
  1341.                                     <ul class="mt-3">
  1342.                                         {% for option in options %}
  1343.                                             {% if option.boutique  == true %}
  1344.                                                 <li class="option-{{option.id}}">
  1345.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1346.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1347.                                                 </li>
  1348.                                             {% endif %}
  1349.                                         {% endfor %}
  1350.                                     </ul>
  1351.                                 </div>
  1352.                             </div>
  1353.                         </div>
  1354.                       </div>
  1355.                     </div>
  1356.                   </div>
  1357.                   {% endif %}
  1358.               {% endfor %}
  1360.               {% for item in bons %}
  1362.                   {% set saved = false %}
  1363.                   {% for bookmark in bookmarks %}
  1364.                     {% if bookmark.product.id == item.id %}
  1365.                       {% set saved = true %}
  1366.                     {% endif %}
  1367.                   {% endfor %}
  1368.                   {% if item.slug in ['bon-cadeau-35'] %}
  1369.                   <div class="item col-md-12 col-lg-6 mb-5 {{ loop.last ? 'last-item-class' : '' }}" id="bon-cadeau-10">
  1370.                     <div class="bon-cadeau row" style="margin-top: 10px;">
  1372.                       <div class="col-md-5">
  1374.                         <div style="position: relative;">
  1375.                           <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  1376.                             <div class="date-article">
  1377.                                 <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  1378.                             </div>
  1379.                         </div>
  1381.                       </div>
  1383.                       <div class="col-md-7 pt-5">
  1385.                         <div style="position: relative;">
  1386.                           <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  1387.                           <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  1388.                           <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  1389.                           {{ item.additionalLocale(app.request.locale)|raw }}
  1390.                         </div>
  1392.                         <div class="actions2">
  1393.                             <input type="hidden" id="bon-cadeau-10-value" value="{{ item.price }}" />
  1394.                             <a href="#" id="bon-cadeau-10-minus">-</a><span class="price">{{ item.priceFr }} €</span><a href="#" id="bon-cadeau-10-plus">+</a>
  1395.                             <a href="#" class="add-cart fast-cart2" data-id="{{item.id}}" style="width: 50px"><img alt="to cart" class="" src="/front/img/shop-cart.svg" /></a>
  1396.                         </div>
  1397.                       </div>
  1398.                       
  1399.                     </div>
  1400.                   </div>
  1401.                   {% endif %}
  1402.               {% endfor %}
  1404.         </div>
  1405.       </div>
  1406.     </div>
  1410.     <div class="floating-cart"><img src="/front/img/cart.svg" alt="cart" /></div>
  1413. {#         <div class="content pb-5 mt-5">
  1414.           <div class="row" id="bon-cadeau-results">
  1415.               {% for item in bons %}
  1417.                   {% set saved = false %}
  1418.                   {% for bookmark in bookmarks %}
  1419.                     {% if bookmark.product.id == item.id %}
  1420.                       {% set saved = true %}
  1421.                     {% endif %}
  1422.                   {% endfor %}
  1423.                   <div class="item col-md-3 mb-5">
  1424.                     <div class="bon-cadeau">
  1425.                       <a href="{{ (not is_granted('IS_AUTHENTICATED_REMEMBERED')) ? path('security_login') : '' }}" data-id="{{ item.id }}" class="favoris {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : '' }} {{ (saved) ? 'saved' : '' }}"><i></i></a>
  1426.                       <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1427.                         <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  1428.                         <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  1429.                       </a>
  1430.                       <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1431.                         <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  1432.                         <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  1433.                         <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  1434.                         {{ item.additionalLocale(app.request.locale)|raw }}
  1435.                       </a>
  1437.                       <div class="actions">
  1438.                           <span class="price">{{ item.priceFr }} €</span>
  1439.                           <a href="#" class="add-cart fast-cart" data-id="{{item.id}}"><img alt="to cart" class="" src="/front/img/shop-cart.svg" /></a>
  1440.                       </div>
  1441.                       
  1442.                     </div>
  1443.                   </div>
  1444.               {% endfor %}
  1445.                   <div class="floating-cart"><img src="/front/img/cart.svg" alt="cart" /></div>
  1446.           </div>
  1447.         </div> #}
  1448.     </div>
  1449. {% endif %}
  1453.     <section class="actu-content newsletter" style="margin-bottom: 180px;">
  1454.       <div class="content mt-5 pt-5">
  1455.         <h2 class="mb-5 no-bar">{{ 'newsletter_title'|tr(tr)|upper|raw }}<span class="full-bar"></span></h2>
  1456.         <div class="pt-5">
  1457.           <form>
  1458.             <p class="title">{{ 'newsletter_subtitle'|tr(tr)|raw }}</p>
  1459.             <p class="desc">{{ 'newsletter_desc'|tr(tr)|raw }}</p>
  1460.             <div class="email-input">
  1461.               <input type="text" value="" placeholder="{{ 'newsletter_email'|tr(tr)|raw }}" class="email mt-3" />
  1462.               <a href="#" class="register">&nbsp;</a>
  1463.             </div>
  1464.             <div class="row">
  1465.               <div class="col-12 mt-4">
  1466.                 <input type="checkbox" id="confirm" class="apple-switch" checked="checked" />
  1467.                 <label for="confirm">{{ 'newsletter_agree'|tr(tr)|raw }}</label>
  1468.                 <p class="text-center mt-4" id="message_newsletter"></p>
  1469.               </div>
  1470.             </div>
  1471.           </form>
  1472.         </div>
  1473.       </div>
  1474.     </section>
  1475.     {% include ('FrontBundle/Partial/modal.html.twig') %}
  1476.     {% include 'FrontBundle/Partial/footer.html.twig' %}
  1478. {% endblock %}
  1480. {% block javascripts %}
  1482.   <script src="/front/js/owl.carousel.min.js"></script>
  1483.   <script src="/front/js/wNumb.min.js"></script>
  1484.   <script src="/front/js/nouislider.min.js"></script>
  1486.   <script type="text/javascript">
  1488.     $( document ).ready(function() {
  1490.       if( window.innerWidth <= 768 ){
  1491.         $('#bon-cadeau-results .col-md-3').addClass('col-md-6');
  1492.         $('#bon-cadeau-results .col-md-3').removeClass('col-md-3');
  1493.       }
  1494.       
  1495.       if( window.innerWidth <= 1024 ){
  1496.         $('#bon-cadeau-results .col-md-3').addClass('col-md-4');
  1497.         $('#bon-cadeau-results .col-md-3').removeClass('col-md-3');
  1498.       }
  1503.         $('.additional li').each(function(index, value) {
  1504.             if($(this).data('info')){
  1505.                 var add_desc = '';
  1506.                 if( $(this).data('info') == 'sp-ga' ){
  1507.                     /*add_desc = "{{ 'shop_bons_desc1'|tr(tr)|raw }}".replace(/'/g, "\\'");*/
  1508.                     add_desc = "{{ 'shop_bons_desc1'|tr(tr)|raw }}";
  1509.                 } else if( $(this).data('info') == 'mj-m1' ){
  1510.                     /*add_desc = "{{ 'shop_bons_desc2'|tr(tr)|raw }}".replace(/'/g, "\\'");*/
  1511.                     add_desc = "{{ 'shop_bons_desc2'|tr(tr)|raw }}";
  1512.                 } else if( $(this).data('info') == 'mj-m2' ){
  1513.                     /*add_desc = "{{ 'shop_bons_desc3'|tr(tr)|raw }}".replace(/'/g, "\\'");*/
  1514.                     add_desc = "{{ 'shop_bons_desc3'|tr(tr)|raw }}";
  1515.                 } else if( $(this).data('info') == 've-m1' ){
  1516.                     /*add_desc = "{{ 'shop_bons_desc4'|tr(tr)|raw }}".replace(/'/g, "\\'");*/
  1517.                     add_desc = "{{ 'shop_bons_desc4'|tr(tr)|raw }}";
  1518.                 } else if( $(this).data('info') == 've-m2' ){
  1519.                     /*add_desc = "{{ 'shop_bons_desc5'|tr(tr)|raw }}".replace(/'/g, "\\'");*/
  1520.                     add_desc = "{{ 'shop_bons_desc5'|tr(tr)|raw }}";
  1521.                 }
  1522.                 $(this).append('<span class="infos" data-desc="'+add_desc+'">i</span>')
  1523.             }
  1524.         });
  1526.         $('.infos').each(function(index, value) {
  1527.             $(this).tooltipster({
  1528.                 content: $(this).data('desc'),
  1529.                 delay: 200,
  1530.                 contentAsHTML: true,
  1531.                 trigger: 'click'
  1532.             });
  1533.         });
  1535.         $('.options p').click(function(e){
  1536.             e.preventDefault();
  1537.             window.location.href = $(this).parents('.options').attr('href');
  1538.         });
  1540.       $('.bookmark').click(function(e){
  1541.         e.preventDefault();
  1543.         var product_id = $(this).data('id');
  1545.         var element = $(this);
  1547.         if( $(this).hasClass('saved') ){
  1548.           var action = 'unsave';
  1549.         } else {
  1550.           var action = 'save';
  1551.         }
  1552.         
  1554.         $.ajax({
  1555.           type: "POST",
  1556.           url: "/shop/product/"+action+"/"+product_id,
  1557.           data: null,
  1558.           dataType: "json",
  1559.           success: function(response) {
  1561.             if( action == 'save' ){
  1562.               element.addClass('saved');
  1563.             } else {
  1564.               element.removeClass('saved');
  1565.             }
  1568.           }
  1569.         });
  1572.       });
  1576.     });
  1577.   </script>
  1578.     <!-- script pour gérer la connexion lors de la demande d'ajout de favoris --->
  1579.     <script>
  1580.         $(document).ready(function() {
  1581.             $('.trigger-modal').on('click', function(e) {
  1582.                 e.preventDefault(); // Empêche le comportement par défaut du lien
  1584.                 const baseUrl = "/" + $("html").attr("lang"); // Construit la base de l'URL avec la locale
  1585.                 const loginUrl = baseUrl + "/security_login"; // Adaptez cette ligne si nécessaire
  1587.                 $.ajax({
  1588.                     url: baseUrl + "/user/connected",
  1589.                     success: function(data) {
  1590.                         if (!data.isLoggedIn) {
  1591.                             let modalTitle, modalContent, modalButtonText;
  1593.                             // Définit le contenu de la modale selon la locale
  1594.                             switch(data.locale) {
  1595.                                 case "fr":
  1596.                                     modalTitle = "Connexion nécessaire";
  1597.                                     modalContent = "Pour réaliser cette action vous devez être connecté. Si vous n'avez pas encore de compte, vous pouvez en créer un.";
  1598.                                     modalButtonText = "Se connecter";
  1599.                                     break;
  1600.                                 case "en":
  1601.                                     modalTitle = "Connection required";
  1602.                                     modalContent = "You must be logged in to perform this action. If you don't have an account yet, you can create one.";
  1603.                                     modalButtonText = "Sign in";
  1604.                                     break;
  1605.                                 case "de":
  1606.                                     modalTitle = "Verbindung erforderlich";
  1607.                                     modalContent = "Um diese Aktion durchzuführen, müssen Sie angemeldet sein. Wenn Sie noch kein Konto haben, können Sie eines erstellen.";
  1608.                                     modalButtonText = "Sich anmelden";
  1609.                                     break;
  1611.                             }
  1613.                             $("#modalLoginReminderLabel").text(modalTitle);
  1614.                             $("#modalLoginReminder .modal-body").text(modalContent);
  1615.                             $(".modalbutton").text(modalButtonText).attr("onclick", "window.location.href='" + loginUrl + "'");
  1617.                             $("#modalLoginReminder").modal('show');
  1618.                         }
  1619.                     }
  1620.                 });
  1621.             });
  1622.         });
  1626.     </script>
  1630. {% endblock %}