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

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-17::before,
  42.       #bon-cadeau-22::before {
  43.           content: url(/front/img/stars3.svg);
  44.           position: absolute;
  45.           left: 42px;
  46.           top: 16px;
  47.           z-index: -1;
  48.       }
  50.       #bon-cadeau-12::after,
  51.       #bon-cadeau-17::after,
  52.       #bon-cadeau-22::after {
  53.           content: url(/front/img/stars4.svg);
  54.           position: absolute;
  55.           right: 22px;
  56.           bottom: 110px;
  57.           z-index: -1;
  58.       }
  60.       #bon-cadeau-14::before,
  61.       #bon-cadeau-16::before,
  62.       #bon-cadeau-19::before {
  63.           content: url(/front/img/stars5.svg);
  64.           position: absolute;
  65.           right: 55px;
  66.           top: 116px;
  67.           z-index: -1;
  68.       }
  70.       #bon-cadeau-20::before {
  71.           content: url(/front/img/stars1.svg);
  72.           position: absolute;
  73.           left: -46px;
  74.           bottom: 77px;
  75.       }
  77.       /* FIN ETOILES */
  79.       #bon-cadeau-10-plus {
  80.           margin-top: 1px;
  81.       }
  82.   /**
  83.       override footer cause bug
  84.        */
  85.       footer .bottom{
  86.           height: 60px;
  87.           margin-top: -10px;
  88.           display: flex;
  89.       }
  90.       @media screen and (min-width: 1400px){
  91.           footer .bottom .col-md-8 ul {
  92.               height: 100%;
  93.               display: grid;
  94.               grid-auto-flow: column;
  95.               align-items: center;
  96.           }
  97.       }
  98.       @media screen and (min-width: 458px) {
  99.           footer .bottom .col-md-8 ul {
  100.               height: 100%;
  101.               display: block;
  102.               grid-auto-flow: revert;
  103.           }
  104.       }
  106.   .full-bar {
  107.       width: 100%;
  108.   }
  109.     .bon-cadeau{
  110.       cursor: pointer;
  111.     }
  113.     .bon-cadeau:last-child{
  114.       cursor: revert;
  115.     }
  117.     /* Ciblez .bon-cadeau dans .shop_bons_section1 et .shop_bons_section2 pour l'état par défaut */
  118.     .page_shop .shop_bons_section1 .bon-cadeau::before,
  119.     .page_shop .shop_bons_section2 .bon-cadeau::before {
  120.       border: 1px solid transparent;
  121.       transition: border 0.3s ease-in-out, transform 0.3s ease-in-out;
  122.       transform: scale(1);
  123.       height: 100%;
  124.     }
  126.     /* Ciblez .bon-cadeau dans .shop_bons_section1 et .shop_bons_section2 pour l'état de survol */
  127.     .page_shop .shop_bons_section1 .bon-cadeau:hover::before,
  128.     .page_shop .shop_bons_section2 .bon-cadeau:hover::before {
  129.       border: 1px solid var(--red);
  130.       transform: scale(1.05);
  131.     }
  133.     /* Annuler les transformations pour les éléments avec la classe .last-item-class */
  134.     .page_shop .shop_bons_section1 .last-item-class .bon-cadeau::before,
  135.     .page_shop .shop_bons_section2 .last-item-class .bon-cadeau::before,
  136.     .page_shop .shop_bons_section1 .last-item-class .bon-cadeau:hover::before,
  137.     .page_shop .shop_bons_section2 .last-item-class .bon-cadeau:hover::before {
  138.       border: 1px solid transparent !important;
  139.       transform: scale(1) !important;
  140.       transition: none !important;
  141.   }
  143.   .options {
  144. /*    position: absolute;
  145.     background-color: #faf5f5;*/
  146.     padding-left: 15px;
  147.     margin-left: -15px;
  148.     border-radius: 30px;
  149.     padding-bottom: 10px;
  150.     cursor: pointer;
  151.   }
  154.   .options li {
  155.       background-color: #FFFFFF;
  156.       border-radius: 15px;
  157.       padding: 5px 0px;
  158.       margin: 5px;
  159.       width: calc(25% - -59px);
  160.       float: left;
  161.       position: relative;
  162.       height: 74px;
  163.       border: 1px solid #FFFFFF;
  164.   }
  166.   .options label {
  167.       border-bottom: 2px solid var(--red);
  168.       display: table;
  169.       padding: 0px 0px 5px 0px;
  170.       width: auto;
  171.       margin-bottom: 10px;
  172.   }
  174.   .option-content {
  175.       border-radius: 14px;
  176.       background: #931517;
  177.       display: flex;
  178.       justify-content: center;
  179.       align-items: center;
  180.       width: 119px;
  181.       height: 19px;
  182.       flex-shrink: 0;
  183.       margin-top: 10px;
  184.       color: #fff;
  185.       padding: 0.5rem 1rem;
  186.       font-size: 13px;
  187.       font-weight: 600;
  188.       margin-bottom: 4px;
  189.   }
  191.   .options ul {
  192.       background-color: transparent;
  193.       border-radius: 30px;
  194.       padding: 0px !important;
  195.       margin: 0px !important;
  196.       float: left;
  197.       width: 100%;
  198.       list-style: none;
  199.   }
  201.   .options .title {
  202.       max-width: 92%;
  203.       transform: translateX(4.2%);
  204.       margin: 0;
  205.       font-size: 11px;
  206.       font-weight: normal;
  207.       text-align: center;
  208.       padding: 0;
  209.       line-height: 14px;
  210.       min-height: 33px;
  211.   }
  213.   .options ul li {
  214.     width: calc(31% - -59px);
  215.   }
  217.   .options ul li::before {
  218.     content: '';
  219.   }
  221.   .items-slider .item .options .price {
  222.       margin: 3px 0 0 0;
  223.       font-size: 14px;
  224.       font-weight: normal;
  225.       color: var(--red);
  226.       text-align: center;
  227.       width: 100%;
  228.       padding: 0;
  229.   }
  231.   .shop_bons_section1 .bon-cadeau .actions2 {
  232.     position: absolute;
  233.     height: 33px;
  234.     width: 33.3%;
  235.     background-color: var(--red);
  236.     border-radius: 16px;
  237.     margin: 0px;
  238.     top: calc(100% - 45px);
  239.   }
  241.   .shop_bons_section1 #bon-cadeau-15 .actions2,
  242.   .shop_bons_section1 #bon-cadeau-16 .actions2,
  243.   .shop_bons_section1 #bon-cadeau-22 .actions2,
  244.   .shop_bons_section1 #bon-cadeau-20 .actions2,
  245.   .shop_bons_section1 #bon-cadeau-4 .actions2,
  246.   .shop_bons_section1 #bon-cadeau-5 .actions2,
  247.   .shop_bons_section1 #bon-cadeau-11 .actions2,
  248.   .shop_bons_section1 #bon-cadeau-9 .actions2 {
  249.     position: relative;
  250.     height: 34px;
  251.     width: 74%;
  252.     background-color: var(--red);
  253.     border-radius: 16px;
  254.     margin: 0px;
  255.     margin-bottom: 15px;
  256.     top: 0px;
  257.   }
  259.     .col-md-7 .pt-5 .infos {
  260.         background-color: #FFFFFF;
  261.         width: 15px;
  262.         height: 15px;
  263.         margin-left: 15px;
  264.         -webkit-box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 16%);
  265.         box-shadow: 0px 1px 5px 1px rgb(0 0 0 / 16%);
  266.         color: #000000;
  267.         display: inline-block;
  268.         border-radius: 8px;
  269.         text-align: center;
  270.         font-weight: 500;
  271.         line-height: 15px;
  272.         font-size: 13px;
  273.         cursor: pointer;
  274.         z-index: 800;
  275.     }
  277.   .shop_bons_section1 #bon-cadeau-15 .actions2 .price,
  278.   .shop_bons_section1 #bon-cadeau-16 .actions2 .price,
  279.   .shop_bons_section1 #bon-cadeau-22 .actions2 .price,
  280.   .shop_bons_section1 #bon-cadeau-20 .actions2 .price,
  281.   .shop_bons_section1 #bon-cadeau-4 .actions2 .price,
  282.   .shop_bons_section1 #bon-cadeau-5 .actions2 .price,
  283.   .shop_bons_section1 #bon-cadeau-11 .actions2 .price,
  284.   .shop_bons_section1 #bon-cadeau-9 .actions2 .price {
  285.     line-height: 33px;
  286.     margin-top: 0px;
  287.   }
  289.   .options .title .sub {
  290.     color: #656565;
  291.     font-size: 10px;
  292.   }
  294.   .shop_bons_section1 {
  295.     min-height: 630px;
  296.   }
  298.   .options.small {
  299.     position: relative;
  300.     padding-left: 0px;
  301.     margin-left: 0px;
  302.     background-color: transparent;
  303.     width: 100%;
  304.       margin-top: 1rem;
  305.     max-width: 255px;
  306.   }
  308.   .options.small ul li {
  309.     width: 100%;
  310.   }
  312.   .options.small ul li {
  313.     height: 60px !important;
  314.   }
  316.   #bon-cadeau-6 .option-1, 
  317.   #bon-cadeau-6 .option-2,
  318.   #bon-cadeau-20 .option-1,
  319.   #bon-cadeau-20 .option-2,
  320.   #bon-cadeau-7 .option-1, 
  321.   #bon-cadeau-7 .option-2,
  322.   #bon-cadeau-8 .option-1, 
  323.   #bon-cadeau-8 .option-2,
  324.   #bon-cadeau-9 .option-1, 
  325.   #bon-cadeau-9 .option-2 {
  326.     display: none;
  327.   }
  329.   .bon-cadeau .actions2 .add-cart {
  330.     top: 4px;
  331.   }
  333.   .options.small .title {
  334.     min-height: auto;
  335.   }
  337.   .items-slider .item .options.small .price {
  338.     margin: 0px !important;
  339.   }
  342.   .shop_bons_section1 #bon-cadeau-10 .bon-cadeau .actions2 {
  343.     top: calc(74% - 16px);
  344.   }
  346.   .items-slider .item .price {
  347.     font-size: 16px;
  348.     line-height: 32px;
  349.   }
  351.   .actions2{
  352.       position: relative;
  353.   }
  355.   .shop_bons_section2 .bon-cadeau .actions2 ,.add {
  356.       top: 48% !important;
  357.       height: 28px;
  358.       width: 207px;
  359.   }
  361.   .shop_bons_section2 .bon-cadeau .actions2 ,.one{
  362.       top: 44.8% !important;
  363.       height: 28px;
  364.       width: 207px;
  365.   }
  367.   .shop_bons_section2 .bon-cadeau .actions2 .add-cart {
  368.     top:4px !important;
  369.   }
  371.   #bon-cadeau-9 .options .col-12:first-child .option-content{
  372.       display: none;
  373.   }
  375.   .bon-cadeau ul {
  376.     margin-bottom: 15px;
  377.   }
  379.   .bon-cadeau .actions2 {
  380.     position: relative !important;
  381.   }
  383.   .shop_bons_section2 .bon-cadeau .actions2, .one {
  384.     top: inherit !important;
  385.     width: 100%;
  386.     height: 34px;
  387.   }
  389.   #bon-cadeau-10 .actions2 {
  390.     position: absolute !important;
  391.   }
  393. /*  #bon-cadeau-6 .option-6,
  394.   #bon-cadeau-7 .option-6,
  395.   #bon-cadeau-8 .option-6,
  396.   #bon-cadeau-9 .option-6 {
  397.     display: none;
  398.   }*/
  400.     .infos {
  401.         background-color: var(--red);
  402.         width: 15px;
  403.         height: 15px;
  404.         position: absolute;
  405.         display: block;
  406.         color: #FFFFFF;
  407.         border-radius: 8px;
  408.         text-align: center;
  409.         font-weight: 500;
  410.         line-height: 15px;
  411.         font-size: 13px;
  412.         right: -10px;
  413.         top: -10px;
  414.         cursor: pointer;
  415.         z-index: 800;
  416.         margin: 10px;
  417.     }
  419.   @media (max-width: 1440px)
  420.   {
  421.     .options ul li {
  422.       width: calc(50% - 18px);
  423.     }
  426.     .shop_bons_section1 {
  427.       min-height: 760px;
  428.     }
  430.     .shop_bons_section1 #bon-cadeau-10 .bon-cadeau .actions2 {
  431.       
  432.       top: calc(100% - 45px);
  433.     }
  436.     .items-slider .item .price {
  437.       font-size: 15px;
  438.       line-height: 33px;
  439.     }
  441.   }
  444.   @media (max-width: 768px)
  445.   {
  446.     .options {
  447.       width: 58%;
  448.     }
  449.     .options ul li {
  450.         width: calc(100% - 24px);
  451.       height: 60px !important;
  452.     }
  455.     .options .title {
  456.       min-height: auto;
  457.     }
  459.     .items-slider .item .options .price {
  460.       margin: 0px !important;
  461.     }
  463.     .shop_bons_section1 {
  464.       min-height: 960px;
  465.     }
  467.     .bon-cadeau .actions2 {
  468.         width: calc(100% - 60px);
  469.     }
  471. /*      .shop_bons_section2 .bon-cadeau .actions2 ,.one{
  472.           top: 48% !important;
  473.           height: 28px;
  474.           width: 207px;
  475.       }*/
  478.   }
  481.   @media (max-width: 767px)
  482.   {
  483.     .options {
  484.       position: relative;
  485.       padding-left: 0px;
  486.       margin-left: 0px;
  487.       background-color: transparent;
  488.       width: 100%;
  489.     }
  491.     .options ul li {
  492.       width: 100%;
  493.     }
  495.     .shop_bons_section1 .bon-cadeau .actions2 {
  496.       width: calc(100% - 60px);
  497.       top: calc(100% - 17px);
  498.     }
  500.     .options.small {
  501.       max-width: 100%;
  502.     }
  504.     .shop_bons_section1 #bon-cadeau-4 .actions2,
  505.     .shop_bons_section1 #bon-cadeau-5 .actions2,
  506.     .shop_bons_section1 #bon-cadeau-11 .actions2,
  507.     .shop_bons_section1 #bon-cadeau-9 .actions2 {
  508.       width: 100%;
  509.     }
  511.   }
  512.     .additional .infos{
  513.         right: -25px;
  514.         transform: translateX(-5%);
  515.         background-color: #FFFFFF;
  516.         color: #000000;
  517.     }
  518.     ul, .additional{
  519.         display: table;
  520.     }
  521.     .date-article p{
  522.         padding: 0;
  523.         text-align: center;
  524.         font-size: .875rem;
  525.         font-weight: 500;
  526.     }
  528.     .btn-primary.active,
  529.     .btn-primary:hover {
  530.         color: #ffffff;
  531.         text-decoration: none;
  532.         border: 1px solid var(--red);
  533.         background-color: var(--red);
  534.     }
  537.     .bon-cadeau .per-person{
  538.         font-size: 12px;
  539.     }
  541.     .bon-cadeau .per-person{
  542.         height: 25px;
  543.     }
  545.     .bon-cadeau .per-person span{
  546.         line-height: 26px;
  547.     }
  549.     .bon-cadeau .per-person img{
  550.         margin: 9px 0 0 6px;
  551.     }
  553.     .items-slider .item .category{
  554.         font-size: 12px;
  555.     }
  557.     .bon-cadeau .actions2 .no-cart{
  558.         width: 145px;
  559.         font-size: 0.9rem;
  560.         position: absolute;
  561.         background-color: #FFFFFF;
  562.         right: 3px;
  563.         top: 4px;
  564.         height: 26px;
  565.         border-radius: 13px;
  566.         text-align: center;
  567.     }
  569.     .bon-cadeau .actions2 .price{
  570.         width: 50%;
  571.     }
  573.     .shop-bf .bon-cadeau .actions2 .price {
  574.         color: #000000;
  575.     }
  577.     .shop-bf .option-content,
  578.     .shop-bf .bon-cadeau .actions2,
  579.     .shop-bf.items-slider .item .category {
  580.         background-color: #FFF446;
  581.         color: #000000;
  582.     }
  584.     .shop-bf .bon-cadeau::before {
  585.         background-color: #fff4462e !important;
  586.     }
  588.     .shop-bf .bon-cadeau ul li::before {
  589.         color: #FFF446;
  590.     }
  592.     .shop-bf .options label {
  593.         border-bottom: #FFF446;
  594.     }
  596.     .shop-bf .bon-cadeau:hover::before {
  597.         border: 1px solid #000000 !important;
  598.     }
  600.     .shop-bf .barre {
  601.         text-decoration: line-through;
  602.         margin-left: -65px;
  603.         background-color: #FFF446;
  604.         border-radius: 16px;
  605.         padding: 8px 8px 7px 8px;
  606.         text-decoration-thickness: 2px;
  607.     }
  610.   </style>
  612. {% endblock %}
  615. {% block body %}
  618. {% if category_slug is null %}
  619.       <div class="content nav-content" style="margin-top:60px">
  620.         <div class="row fluid-menu">
  621.           <div class="nav-menu">
  622.             <div class="nav-list">
  623.               <div class="overlay"></div>
  624.               <ul>
  625.               {% for category in categories %}
  626.                 <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>
  627.               {% endfor %}
  628.               </ul>
  629.             </div>
  630.           </div>
  631.         </div>
  632.       </div>
  633. {% else %}
  635.       <div class="content nav-content" style="margin-top:60px">
  636.         <div class="row fluid-menu">
  637.           <div class="nav-menu">
  638.             <div class="nav-list">
  639.               <div class="overlay"></div>
  640.               <ul>
  641.                 <li><a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/articles">{{ 'shop_all'|tr(tr)|raw }}</a></li>
  642.                 <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>
  643.               </ul>
  644.             </div>
  645.           </div>
  646.         </div>
  647.       </div>
  648. {% endif %}
  652. {% if category_slug is null or category_slug == 'bon-cadeau' %}
  653.     <section class="espace-content full mt-0" id="bon-cadeau" >
  654.       <div class="content">
  655.         <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>
  656.         <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>
  657.         <span class="bon-badge">{{ 'shop_bons_badge'|tr(tr)|raw }}</span>
  658.           <p class="pt-4 pb-0 text-black">
  659.           {{ 'shop_bons_subtitle'|tr(tr)|raw }}
  660.           </p>
  661.       </div>
  662.     </section>
  675. {#
  677.     <h3 id="bf" class="shop_bons_section mt-5">{{ 'shop_bons_section_bf'|tr(tr)|upper|raw }}</h3>
  678.     <div class="items-slider pack-slider espace-content p-0 mt-3 mb-5 shop-bf">
  679.         <div class="content pb-5 mt-3">
  680.             <div class="row shop_bons_section2 justify-content-center" id="bon-cadeau-results">
  682.                 {% for item in bons %}
  684.                     {% set saved = false %}
  685.                     {% for bookmark in bookmarks %}
  686.                         {% if bookmark.product.id == item.id %}
  687.                             {% set saved = true %}
  688.                         {% endif %}
  689.                     {% endfor %}
  690.                     {% if item.slug in ['bon-cadeau-23', 'bon-cadeau-24'] %}
  691.                         <div class="item col-md-4 mb-5" id="{{ item.slug }}">
  692.                             <div class="bon-cadeau">
  693.                                 <div class="col-md-12">
  694.                                     <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  695.                                     <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  696.                                         <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  697.                                         #}
  698. {# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}{#
  700.                                         <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  701.                                         <div class="date-article">
  702.                                             <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  703.                                         </div>
  704.                                     </a>
  705.                                 </div>
  706.                                 <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  707.                                     <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  708.                                     <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  709.                                     <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  710.                                 </a>
  711.                                 <div class="additional" >
  712.                                     {{ item.additionalLocale(app.request.locale)|raw }}
  713.                                 </div>
  715.                                 <div class="actions2 one">
  716.                                     <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  717.                                         <span class="price"><span class="barre">{{ item.priceFr|replace({'83,20': '104', '77,60': "97"}) }} €</span> {{ item.priceFr }} €</span>
  718.                                         <p class="no-cart fast-cart text-black p-0">Je commande</p>
  719.                                     </a>
  720.                                 </div>
  721.                                 <div class="options small" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  722.                                     <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  723.                                     <div class="row">
  724.                                         <div class="col-12">
  725.                                       <span class="option-content">
  726.                                         Restaurant
  727.                                     </span>
  728.                                             <ul class="mt-3">
  729.                                                 {% for option in options %}
  730.                                                     {% if option.restaurant  == true %}
  731.                                                         <li class="option-{{option.id}}" style="height: 85px">
  732.                                                             {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  733.                                                             <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  734.                                                             <p class="price">(+ {{ option.price }} €)</p>
  735.                                                         </li>
  736.                                                     {% endif %}
  737.                                                 {% endfor %}
  738.                                             </ul>
  739.                                         </div>
  740.                                         <div class="col-12">
  741.                                     <span class="option-content">
  742.                                         Lounge Club
  743.                                     </span>
  744.                                             <ul class="mt-3">
  745.                                                 {% for option in options %}
  746.                                                     {% if option.lounge  == true %}
  747.                                                         <li class="option-{{option.id}}">
  748.                                                             <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  749.                                                             <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  750.                                                         </li>
  751.                                                     {% endif %}
  752.                                                 {% endfor %}
  753.                                             </ul>
  754.                                         </div>
  755.                                     </div>
  756.                                     <div class="row">
  757.                                         <div class="col-12">
  758.                                     <span class="option-content">
  759.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  760.                                     </span>
  761.                                             <ul class="mt-3">
  762.                                                 {% for option in options %}
  763.                                                     {% if option.boutique  == true %}
  764.                                                         <li class="option-{{option.id}}">
  765.                                                             {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  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>
  775.                             </div>
  776.                         </div>
  777.                     {% endif %}
  778.                 {% endfor %}
  781.             </div>
  782.         </div>
  783.     </div>
  784. #}
  807.     <h3 class="shop_bons_section mt-5">{{ 'shop_bons_section1'|tr(tr)|upper|raw }}</h3>
  808.     <div class="items-slider pack-slider espace-content p-0 mt-3 mb-5">
  809.       <div class="content pb-5 mt-3">
  810.         <div class="row shop_bons_section2" id="bon-cadeau-results">
  813. {#              {% for item in bons %}
  815.                   {% set saved = false %}
  816.                   {% for bookmark in bookmarks %}
  817.                     {% if bookmark.product.id == item.id %}
  818.                       {% set saved = true %}
  819.                     {% endif %}
  820.                   {% endfor %}
  821.                   {% if item.slug in ['bon-cadeau-4', 'bon-cadeau-11'] %}
  823.                   <div class="item col-md-6 mb-5" id="{{ item.slug }}">
  824.                     <div class="bon-cadeau row">
  825.                       <div class="col-md-5">
  826.                           <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  827.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  828.                           <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  829.                           #}{# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}{#
  830.                           <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  831.                             <div class="date-article">
  832.                                 <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  833.                             </div>
  834.                         </a>
  835.                       </div>
  837.                       <div class="col-md-7 pt-5">
  838.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  839.                           <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  840.                           <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  841.                           <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  842.                         </a>
  843.                          <div class="additional">
  844.                              {{ item.additionalLocale(app.request.locale)|raw }}
  845.                          </div>
  846.                             <div class="actions2 ">
  847.                                 <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  848.                                 <span class="price">{{ item.priceFr }} €</span>
  849.                                 <p class="no-cart fast-cart text-black p-0">Je commande</p>
  850.                                 </a>
  851.                             </div>
  853.                         <div class="options" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  854.                           <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  855.                             <div class="row">
  856.                                 <div class="col-12">
  857.                                       <span class="option-content">
  858.                                         Restaurant
  859.                                     </span>
  860.                                     <ul class="mt-3">
  861.                                         {% for option in options %}
  862.                                             {% if option.restaurant  == true %}
  863.                                                 <li class="option-{{option.id}}" style="height: 85px">
  864.                                                     {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  865.                                                     <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  866.                                                     <p class="price">(+ {{ option.price }} €)</p>
  867.                                                 </li>
  868.                                             {% endif %}
  869.                                         {% endfor %}
  870.                                     </ul>
  871.                                 </div>
  872.                                 <div class="col-12">
  873.                                     <span class="option-content">
  874.                                         Lounge Club
  875.                                     </span>
  876.                                     <ul class="mt-3">
  877.                                         {% for option in options %}
  878.                                             {% if option.lounge  == true %}
  879.                                                 <li class="option-{{option.id}}">
  880.                                                     {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  881.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  882.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  883.                                                 </li>
  884.                                             {% endif %}
  885.                                         {% endfor %}
  886.                                     </ul>
  887.                                 </div>
  888.                             </div>
  889.                             <div class="row">
  890.                                 <div class="col-12">
  891.                                     <span class="option-content">
  892.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  893.                                     </span>
  894.                                     <ul class="mt-3">
  895.                                         {% for option in options %}
  896.                                             {% if option.boutique  == 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>
  908.                       </div>
  909.                     </div>
  910.                   </div>
  911.                   {% endif %}
  912.               {% endfor %}#}
  915.             {% for item in bons %}
  917.                 {% set saved = false %}
  918.                 {% for bookmark in bookmarks %}
  919.                     {% if bookmark.product.id == item.id %}
  920.                         {% set saved = true %}
  921.                     {% endif %}
  922.                 {% endfor %}
  923.                 {% if item.slug in ['bon-cadeau-22', 'bon-cadeau-15', 'bon-cadeau-16'] %}
  924.                     <div class="item col-md-6 col-lg-4 mb-5" id="{{ item.slug }}">
  925.                         <div class="bon-cadeau">
  926.                             <div class="col-md-12">
  927.                                 <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  928.                                 <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  929.                                     <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  930.                                     {# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}
  931.                                     <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  932.                                     <div class="date-article">
  933.                                         <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  934.                                     </div>
  935.                                 </a>
  936.                             </div>
  937.                             <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  938.                                 <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  939.                                 <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  940.                                 <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  941.                             </a>
  942.                             <div class="additional" >
  943.                                 {{ item.additionalLocale(app.request.locale)|raw }}
  944.                             </div>
  946.                             <div class="actions2 one">
  947.                                 <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  948.                                     <span class="price">{{ item.priceFr }} €</span>
  949.                                     <p class="no-cart fast-cart text-black p-0">Je commande</p>
  950.                                 </a>
  951.                             </div>
  952.                             <div class="options small" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  953.                                 <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  954.                                 <div class="row">
  955.                                     <div class="col-12">
  956.                                       <span class="option-content">
  957.                                         Restaurant
  958.                                     </span>
  959.                                         <ul class="mt-3">
  960.                                             {% for option in options %}
  961.                                                 {% if option.restaurant  == true %}
  962.                                                     <li class="option-{{option.id}}" style="height: 85px">
  963.                                                         {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  964.                                                         <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  965.                                                         <p class="price">(+ {{ option.price }} €)</p>
  966.                                                     </li>
  967.                                                 {% endif %}
  968.                                             {% endfor %}
  969.                                         </ul>
  970.                                     </div>
  971.                                     <div class="col-12">
  972.                                     <span class="option-content">
  973.                                         Lounge Club
  974.                                     </span>
  975.                                         <ul class="mt-3">
  976.                                             {% for option in options %}
  977.                                                 {% if option.lounge  == true %}
  978.                                                     <li class="option-{{option.id}}">
  979.                                                         <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  980.                                                         <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  981.                                                     </li>
  982.                                                 {% endif %}
  983.                                             {% endfor %}
  984.                                         </ul>
  985.                                     </div>
  986.                                 </div>
  987.                                 <div class="row">
  988.                                     <div class="col-12">
  989.                                     <span class="option-content">
  990.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  991.                                     </span>
  992.                                         <ul class="mt-3">
  993.                                             {% for option in options %}
  994.                                                 {% if option.boutique  == true %}
  995.                                                     <li class="option-{{option.id}}">
  996.                                                         {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  997.                                                         <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  998.                                                         <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  999.                                                     </li>
  1000.                                                 {% endif %}
  1001.                                             {% endfor %}
  1002.                                         </ul>
  1003.                                     </div>
  1004.                                 </div>
  1005.                             </div>
  1006.                         </div>
  1007.                     </div>
  1008.                 {% endif %}
  1009.             {% endfor %}
  1012.         </div>
  1013.       </div>
  1014.     </div>
  1018.     <h3 class="shop_bons_section mt-5">{{ 'shop_bons_section2'|tr(tr)|upper|raw }}</h3>
  1019.     <div class="items-slider pack-slider espace-content p-0 mt-3 mb-5">
  1020.       <div class="content pb-5 mt-3">
  1021.         <div class="row shop_bons_section2" id="bon-cadeau-results">
  1024.               {% for item in bons %}
  1026.                   {% set saved = false %}
  1027.                   {% for bookmark in bookmarks %}
  1028.                     {% if bookmark.product.id == item.id %}
  1029.                       {% set saved = true %}
  1030.                     {% endif %}
  1031.                   {% endfor %}
  1032.                   {% if item.slug in ['bon-cadeau-12', 'bon-cadeau-13', 'bon-cadeau-14'] %}
  1033.                   <div class="item col-md-6 col-lg-4 mb-5" id="{{ item.slug }}">
  1034.                     <div class="bon-cadeau">
  1035.                       <div class="col-md-12">
  1036.                           <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  1037.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  1038.                           <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  1039.                           {# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}
  1040.                           <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  1041.                             <div class="date-article">
  1042.                                 <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  1043.                             </div>
  1044.                         </a>
  1045.                       </div>
  1046.                           <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  1047.                             <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  1048.                             <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  1049.                             <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  1050.                           </a>
  1051.                             <div class="additional" >
  1052.                                 {{ item.additionalLocale(app.request.locale)|raw }}
  1053.                             </div>
  1055.                       <div class="actions2 one">
  1056.                           <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1057.                               <span class="price">{{ item.priceFr }} €</span>
  1058.                               <p class="no-cart fast-cart text-black p-0">Je commande</p>
  1059.                           </a>
  1060.                       </div>
  1061.                         <div class="options small" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1062.                           <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  1063.                             <div class="row">
  1064.                                 <div class="col-12">
  1065.                                       <span class="option-content">
  1066.                                         Restaurant
  1067.                                     </span>
  1068.                                     <ul class="mt-3">
  1069.                                         {% for option in options %}
  1070.                                             {% if option.restaurant  == true %}
  1071.                                                 <li class="option-{{option.id}}" style="height: 85px">
  1072.                                                     {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  1073.                                                     <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  1074.                                                     <p class="price">(+ {{ option.price }} €)</p>
  1075.                                                 </li>
  1076.                                             {% endif %}
  1077.                                         {% endfor %}
  1078.                                     </ul>
  1079.                                 </div>
  1080.                                 <div class="col-12">
  1081.                                     <span class="option-content">
  1082.                                         Lounge Club
  1083.                                     </span>
  1084.                                     <ul class="mt-3">
  1085.                                         {% for option in options %}
  1086.                                             {% if option.lounge  == true %}
  1087.                                                 <li class="option-{{option.id}}">
  1088.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1089.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1090.                                                 </li>
  1091.                                             {% endif %}
  1092.                                         {% endfor %}
  1093.                                     </ul>
  1094.                                 </div>
  1095.                             </div>
  1096.                             <div class="row">
  1097.                                 <div class="col-12">
  1098.                                     <span class="option-content">
  1099.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  1100.                                     </span>
  1101.                                     <ul class="mt-3">
  1102.                                         {% for option in options %}
  1103.                                             {% if option.boutique  == true %}
  1104.                                                 <li class="option-{{option.id}}">
  1105.                                                     {% if option.desc != '' %}<span class="infos" data-desc="{{ option.desc }}" title="{{ option.desc }}">i</span>{% endif %}
  1106.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1107.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1108.                                                 </li>
  1109.                                             {% endif %}
  1110.                                         {% endfor %}
  1111.                                     </ul>
  1112.                                 </div>
  1113.                             </div>
  1114.                         </div>
  1115.                     </div>
  1116.                   </div>
  1117.                   {% endif %}
  1118.               {% endfor %}
  1120.         </div>
  1121.       </div>
  1122.     </div>
  1126.     <h3 class="shop_bons_section mt-5">{{ 'shop_bons_section3'|tr(tr)|upper|raw }}</h3>
  1127.     <div class="items-slider pack-slider espace-content p-0 mt-3 mb-5">
  1128.       <div class="content pb-5 mt-3">
  1129.         <div class="row shop_bons_section2" id="bon-cadeau-results">
  1132.               {% for item in bons %}
  1133.                   {% set saved = false %}
  1134.                   {% for bookmark in bookmarks %}
  1135.                     {% if bookmark.product.id == item.id %}
  1136.                       {% set saved = true %}
  1137.                     {% endif %}
  1138.                   {% endfor %}
  1139.                   {% if item.slug in ['bon-cadeau-17', 'bon-cadeau-18', 'bon-cadeau-19'] %}
  1140.                   <div class="item col-md-6 col-lg-4 mb-5" id="{{ item.slug }}">
  1141.                     <div class="bon-cadeau">
  1142.                       <div class="col-md-12">
  1143.                           <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  1144.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  1145.                           <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  1146.                           {# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}
  1147.                           <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  1148.                             <div class="date-article">
  1149.                                 <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  1150.                             </div>
  1151.                         </a>
  1152.                       </div>
  1153.                       <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}" class="cover-container">
  1154.                         <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  1155.                         <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  1156.                         <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  1157.                       </a>
  1158.                           <div class="additional">
  1159.                               {{ item.additionalLocale(app.request.locale)|raw }}
  1160.                           </div>
  1161.                           <div class="actions2 add">
  1162.                               <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1163.                                   <span class="price">{{ item.priceFr }} €</span>
  1164.                                   <p class="no-cart fast-cart text-black p-0">Je commande</p>
  1165.                               </a>
  1166.                           </div>
  1167.                         <div class="options small" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1168.                           <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  1169.                             <div class="row">
  1170.                                 <div class="col-12">
  1171.                                         <span class="option-content d-none">
  1172.                                         Restaurant
  1173.                                         </span>
  1174.                                             <ul class="mt-3  d-none">
  1175.                                                 {% for option in options %}
  1176.                                                     {% if option.restaurant  == true %}
  1177.                                                         <li class="option-{{option.id}}" style="height: 85px">
  1178.                                                             <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  1179.                                                             <p class="price">(+ {{ option.price }} €)</p>
  1180.                                                         </li>
  1181.                                                     {% endif %}
  1182.                                                 {% endfor %}
  1183.                                             </ul>
  1184.                                 </div>
  1185.                                 <div class="col-12">
  1186.                                     <span class="option-content">
  1187.                                         Lounge Club
  1188.                                     </span>
  1189.                                     <ul class="mt-3">
  1190.                                         {% for option in options %}
  1191.                                             {% if option.lounge  == true %}
  1192.                                                 <li class="option-{{option.id}}">
  1193.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1194.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1195.                                                 </li>
  1196.                                             {% endif %}
  1197.                                         {% endfor %}
  1198.                                     </ul>
  1199.                                 </div>
  1200.                             </div>
  1201.                             <div class="row">
  1202.                                 <div class="col-12">
  1203.                                     <span class="option-content">
  1204.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  1205.                                     </span>
  1206.                                     <ul class="mt-3">
  1207.                                         {% for option in options %}
  1208.                                             {% if option.boutique  == 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>
  1219.                     </div>
  1220.                   </div>
  1221.                   {% endif %}
  1222.               {% endfor %}
  1224.         </div>
  1225.       </div>
  1226.     </div>
  1230.     <h3 class="shop_bons_section mt-5">{{ 'shop_bons_section4'|tr(tr)|upper|raw }}</h3>
  1231.     <div class="items-slider pack-slider espace-content p-0 mt-3 mb-5">
  1232.       <div class="content pb-5 mt-3">
  1233.         <div class="row shop_bons_section1" id="bon-cadeau-results">
  1236.               {% for item in bons %}
  1238.                   {% set saved = false %}
  1239.                   {% for bookmark in bookmarks %}
  1240.                     {% if bookmark.product.id == item.id %}
  1241.                       {% set saved = true %}
  1242.                     {% endif %}
  1243.                   {% endfor %}
  1244.                   {% if item.slug in ['bon-cadeau-20'] %}
  1245.                   <div class="item col-md-12 col-lg-6 mb-5" id="{{ item.slug }}">
  1246.                     <div class="bon-cadeau row">
  1248.                       <div class="col-md-5">
  1250.                           <a href="#" class="favoris trigger-modal {{ (is_granted('IS_AUTHENTICATED_REMEMBERED')) ? 'bookmark' : 'not-logged-in' }} {{ (saved) ? 'saved' : '' }}" data-id="{{ item.id }}"><i></i></a>
  1251.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1252.                           <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  1253.                           {# <div class="name-hover"><p>{{ item.nameLocale(app.request.locale)|replace({'Formule ': ''})|upper }}</p> <span>Valable saison 2022-2023</span></div> #}
  1254.                           <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  1255.                             <div class="date-article">
  1256.                                 <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  1257.                             </div>
  1258.                         </a>
  1262.                       </div>
  1264.                       <div class="col-md-7 pt-5">
  1266.                         <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1267.                           <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  1268.                           <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  1269.                           <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  1270.                         </a>
  1271.                             <div class="additional">
  1272.                                 {{ item.additionalLocale(app.request.locale)|raw }}
  1273.                             </div>
  1274.                             <div class="actions2">
  1275.                                 <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1276.                                     <span class="price">{{ item.priceFr }} €</span>
  1277.                                     <p class="no-cart fast-cart text-black p-0">Je commande</p>
  1278.                                 </a>
  1279.                             </div>
  1284.                         <div class="options" href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1286.                           <label>{{ 'shop_product_options_title2'|tr(tr)|raw }}</label>
  1287.                             <div class="row">
  1288.                                 <div class="col-12">
  1289.                                       <span class="option-content  d-none">
  1290.                                         Restaurant
  1291.                                     </span>
  1292.                                     <ul class="mt-3 d-none">
  1293.                                         {% for option in options %}
  1294.                                             {% if option.restaurant  == true %}
  1295.                                                 <li class="option-{{option.id}}" style="height: 85px">
  1296.                                                     <p class="title">{{ option.name }}<br>{% if option.sub != '' %} <span class="sub">{{ option.sub }}</span> {% endif %}</p>
  1297.                                                     <p class="price">(+ {{ option.price }} €)</p>
  1298.                                                 </li>
  1299.                                             {% endif %}
  1300.                                         {% endfor %}
  1301.                                     </ul>
  1302.                                 </div>
  1303.                                 <div class="col-12">
  1304.                                     <span class="option-content">
  1305.                                         Lounge Club
  1306.                                     </span>
  1307.                                     <ul class="mt-3">
  1308.                                         {% for option in options %}
  1309.                                             {% if option.lounge  == true %}
  1310.                                                 <li class="option-{{option.id}}">
  1311.                                                     <p class="title">{{ option.name }}<br>{% if option.lounge %}<span>Lounge Club</span>{% endif %}</p>
  1312.                                                     <p class="price" {% if not option.lounge and option.id < 3 %}style="margin-top: 10px;"{% endif %}>(+ {{ option.price }} €)</p>
  1313.                                                 </li>
  1314.                                             {% endif %}
  1315.                                         {% endfor %}
  1316.                                     </ul>
  1317.                                 </div>
  1318.                             </div>
  1319.                             <div class="row">
  1320.                                 <div class="col-12">
  1321.                                     <span class="option-content">
  1322.                                       {{ 'cadeau_title'|tr(tr)|raw }}
  1323.                                     </span>
  1324.                                     <ul class="mt-3">
  1325.                                         {% for option in options %}
  1326.                                             {% if option.boutique  == 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>
  1337.                       </div>
  1338.                     </div>
  1339.                   </div>
  1340.                   {% endif %}
  1341.               {% endfor %}
  1343.               {% for item in bons %}
  1345.                   {% set saved = false %}
  1346.                   {% for bookmark in bookmarks %}
  1347.                     {% if bookmark.product.id == item.id %}
  1348.                       {% set saved = true %}
  1349.                     {% endif %}
  1350.                   {% endfor %}
  1351.                   {% if item.slug in ['bon-cadeau-21'] %}
  1352.                   <div class="item col-md-12 col-lg-6 mb-5 {{ loop.last ? 'last-item-class' : '' }}" id="bon-cadeau-10">
  1353.                     <div class="bon-cadeau row" style="margin-top: 10px;">
  1355.                       <div class="col-md-5">
  1357.                         <div style="position: relative;">
  1358.                           <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  1359.                             <div class="date-article">
  1360.                                 <p>{{ 'shop_bons_valable'|tr(tr)|raw }} </p>
  1361.                             </div>
  1362.                         </div>
  1364.                       </div>
  1366.                       <div class="col-md-7 pt-5">
  1368.                         <div style="position: relative;">
  1369.                           <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  1370.                           <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  1371.                           <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  1372.                           {{ item.additionalLocale(app.request.locale)|raw }}
  1373.                         </div>
  1375.                         <div class="actions2">
  1376.                             <input type="hidden" id="bon-cadeau-10-value" value="{{ item.price }}" />
  1377.                             <a href="#" id="bon-cadeau-10-minus">-</a><span class="price">{{ item.priceFr }} €</span><a href="#" id="bon-cadeau-10-plus">+</a>
  1378.                             <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>
  1379.                         </div>
  1380.                       </div>
  1381.                       
  1382.                     </div>
  1383.                   </div>
  1384.                   {% endif %}
  1385.               {% endfor %}
  1387.         </div>
  1388.       </div>
  1389.     </div>
  1393.     <div class="floating-cart"><img src="/front/img/cart.svg" alt="cart" /></div>
  1396. {#         <div class="content pb-5 mt-5">
  1397.           <div class="row" id="bon-cadeau-results">
  1398.               {% for item in bons %}
  1400.                   {% set saved = false %}
  1401.                   {% for bookmark in bookmarks %}
  1402.                     {% if bookmark.product.id == item.id %}
  1403.                       {% set saved = true %}
  1404.                     {% endif %}
  1405.                   {% endfor %}
  1406.                   <div class="item col-md-3 mb-5">
  1407.                     <div class="bon-cadeau">
  1408.                       <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>
  1409.                       <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1410.                         <div class="per-person"><span>{{ 'shop_bons_person'|tr(tr)|raw }}</span> <img height="11px" src="/front/img/user-icon.svg" alt="person"></div>
  1411.                         <img alt="{{ item.nameLocale(app.request.locale) }}" class="cover" src="/uploads/products/{{item.id}}/{{item.mainImage}}" />
  1412.                       </a>
  1413.                       <a href="/{{app.request.locale }}/{{ 'boutique'|getUrl(app.request.locale) }}/produit/{{item.slug}}">
  1414.                         <span class="name">{{ item.nameLocale(app.request.locale) }}</span>
  1415.                         <span class="subname">{{ item.usecaseLocale(app.request.locale) }}</span>
  1416.                         <span class="category">{{ 'menu_bons'|tr(tr)|upper|raw }}</span>
  1417.                         {{ item.additionalLocale(app.request.locale)|raw }}
  1418.                       </a>
  1420.                       <div class="actions">
  1421.                           <span class="price">{{ item.priceFr }} €</span>
  1422.                           <a href="#" class="add-cart fast-cart" data-id="{{item.id}}"><img alt="to cart" class="" src="/front/img/shop-cart.svg" /></a>
  1423.                       </div>
  1424.                       
  1425.                     </div>
  1426.                   </div>
  1427.               {% endfor %}
  1428.                   <div class="floating-cart"><img src="/front/img/cart.svg" alt="cart" /></div>
  1429.           </div>
  1430.         </div> #}
  1431.     </div>
  1432. {% endif %}
  1436.     <section class="actu-content newsletter" style="margin-bottom: 180px;">
  1437.       <div class="content mt-5 pt-5">
  1438.         <h2 class="mb-5 no-bar">{{ 'newsletter_title'|tr(tr)|upper|raw }}<span class="full-bar"></span></h2>
  1439.         <div class="pt-5">
  1440.           <form>
  1441.             <p class="title">{{ 'newsletter_subtitle'|tr(tr)|raw }}</p>
  1442.             <p class="desc">{{ 'newsletter_desc'|tr(tr)|raw }}</p>
  1443.             <div class="email-input">
  1444.               <input type="text" value="" placeholder="{{ 'newsletter_email'|tr(tr)|raw }}" class="email mt-3" />
  1445.               <a href="#" class="register">&nbsp;</a>
  1446.             </div>
  1447.             <div class="row">
  1448.               <div class="col-12 mt-4">
  1449.                 <input type="checkbox" id="confirm" class="apple-switch" checked="checked" />
  1450.                 <label for="confirm">{{ 'newsletter_agree'|tr(tr)|raw }}</label>
  1451.                 <p class="text-center mt-4" id="message_newsletter"></p>
  1452.               </div>
  1453.             </div>
  1454.           </form>
  1455.         </div>
  1456.       </div>
  1457.     </section>
  1458.     {% include ('FrontBundle/Partial/modal.html.twig') %}
  1459.     {% include 'FrontBundle/Partial/footer.html.twig' %}
  1461. {% endblock %}
  1463. {% block javascripts %}
  1465.   <script src="/front/js/owl.carousel.min.js"></script>
  1466.   <script src="/front/js/wNumb.min.js"></script>
  1467.   <script src="/front/js/nouislider.min.js"></script>
  1469.   <script type="text/javascript">
  1471.     $( document ).ready(function() {
  1473.       if( window.innerWidth <= 768 ){
  1474.         $('#bon-cadeau-results .col-md-3').addClass('col-md-6');
  1475.         $('#bon-cadeau-results .col-md-3').removeClass('col-md-3');
  1476.       }
  1477.       
  1478.       if( window.innerWidth <= 1024 ){
  1479.         $('#bon-cadeau-results .col-md-3').addClass('col-md-4');
  1480.         $('#bon-cadeau-results .col-md-3').removeClass('col-md-3');
  1481.       }
  1486.         $('.additional li').each(function(index, value) {
  1487.             if($(this).data('info')){
  1488.                 var add_desc = '';
  1489.                 if( $(this).data('info') == 'sp-ga' ){
  1490.                     /*add_desc = "{{ 'shop_bons_desc1'|tr(tr)|raw }}".replace(/'/g, "\\'");*/
  1491.                     add_desc = "{{ 'shop_bons_desc1'|tr(tr)|raw }}";
  1492.                 } else if( $(this).data('info') == 'mj-m1' ){
  1493.                     /*add_desc = "{{ 'shop_bons_desc2'|tr(tr)|raw }}".replace(/'/g, "\\'");*/
  1494.                     add_desc = "{{ 'shop_bons_desc2'|tr(tr)|raw }}";
  1495.                 } else if( $(this).data('info') == 'mj-m2' ){
  1496.                     /*add_desc = "{{ 'shop_bons_desc3'|tr(tr)|raw }}".replace(/'/g, "\\'");*/
  1497.                     add_desc = "{{ 'shop_bons_desc3'|tr(tr)|raw }}";
  1498.                 } else if( $(this).data('info') == 've-m1' ){
  1499.                     /*add_desc = "{{ 'shop_bons_desc4'|tr(tr)|raw }}".replace(/'/g, "\\'");*/
  1500.                     add_desc = "{{ 'shop_bons_desc4'|tr(tr)|raw }}";
  1501.                 } else if( $(this).data('info') == 've-m2' ){
  1502.                     /*add_desc = "{{ 'shop_bons_desc5'|tr(tr)|raw }}".replace(/'/g, "\\'");*/
  1503.                     add_desc = "{{ 'shop_bons_desc5'|tr(tr)|raw }}";
  1504.                 }
  1505.                 $(this).append('<span class="infos" data-desc="'+add_desc+'">i</span>')
  1506.             }
  1507.         });
  1509.         $('.infos').each(function(index, value) {
  1510.             $(this).tooltipster({
  1511.                 content: $(this).data('desc'),
  1512.                 delay: 200,
  1513.                 contentAsHTML: true,
  1514.                 trigger: 'click'
  1515.             });
  1516.         });
  1518.         $('.options p').click(function(e){
  1519.             e.preventDefault();
  1520.             window.location.href = $(this).parents('.options').attr('href');
  1521.         });
  1523.       $('.bookmark').click(function(e){
  1524.         e.preventDefault();
  1526.         var product_id = $(this).data('id');
  1528.         var element = $(this);
  1530.         if( $(this).hasClass('saved') ){
  1531.           var action = 'unsave';
  1532.         } else {
  1533.           var action = 'save';
  1534.         }
  1535.         
  1537.         $.ajax({
  1538.           type: "POST",
  1539.           url: "/shop/product/"+action+"/"+product_id,
  1540.           data: null,
  1541.           dataType: "json",
  1542.           success: function(response) {
  1544.             if( action == 'save' ){
  1545.               element.addClass('saved');
  1546.             } else {
  1547.               element.removeClass('saved');
  1548.             }
  1551.           }
  1552.         });
  1555.       });
  1559.     });
  1560.   </script>
  1561.     <!-- script pour gérer la connexion lors de la demande d'ajout de favoris --->
  1562.     <script>
  1563.         $(document).ready(function() {
  1564.             $('.trigger-modal').on('click', function(e) {
  1565.                 e.preventDefault(); // Empêche le comportement par défaut du lien
  1567.                 const baseUrl = "/" + $("html").attr("lang"); // Construit la base de l'URL avec la locale
  1568.                 const loginUrl = baseUrl + "/security_login"; // Adaptez cette ligne si nécessaire
  1570.                 $.ajax({
  1571.                     url: baseUrl + "/user/connected",
  1572.                     success: function(data) {
  1573.                         if (!data.isLoggedIn) {
  1574.                             let modalTitle, modalContent, modalButtonText;
  1576.                             // Définit le contenu de la modale selon la locale
  1577.                             switch(data.locale) {
  1578.                                 case "fr":
  1579.                                     modalTitle = "Connexion nécessaire";
  1580.                                     modalContent = "Pour réaliser cette action vous devez être connecté. Si vous n'avez pas encore de compte, vous pouvez en créer un.";
  1581.                                     modalButtonText = "Se connecter";
  1582.                                     break;
  1583.                                 case "en":
  1584.                                     modalTitle = "Connection required";
  1585.                                     modalContent = "You must be logged in to perform this action. If you don't have an account yet, you can create one.";
  1586.                                     modalButtonText = "Sign in";
  1587.                                     break;
  1588.                                 case "de":
  1589.                                     modalTitle = "Verbindung erforderlich";
  1590.                                     modalContent = "Um diese Aktion durchzuführen, müssen Sie angemeldet sein. Wenn Sie noch kein Konto haben, können Sie eines erstellen.";
  1591.                                     modalButtonText = "Sich anmelden";
  1592.                                     break;
  1594.                             }
  1596.                             $("#modalLoginReminderLabel").text(modalTitle);
  1597.                             $("#modalLoginReminder .modal-body").text(modalContent);
  1598.                             $(".modalbutton").text(modalButtonText).attr("onclick", "window.location.href='" + loginUrl + "'");
  1600.                             $("#modalLoginReminder").modal('show');
  1601.                         }
  1602.                     }
  1603.                 });
  1604.             });
  1605.         });
  1609.     </script>
  1613. {% endblock %}