templates/frontend/company.html.twig line 1

Open in your IDE?
  1. {% extends 'frontend/base.html.twig' %}
  2. {% block title %}Épicerie en ligne {{company.name}} {% if company.mainLocation is not empty and company.mainLocation.showPublic %}à {{company.mainLocation.city}}{% if company.mainLocation.zipCode is not empty %}, {{company.mainLocation.zipCode}} {% endif %}{% endif %}| Maturin.ca{% endblock %}
  3.     {% block metaDescription %}Acheter en ligne les produits de  {{company.name}}. {% if company.description is not empty %}{{company.description | slice(0, 150) | striptags}}{% endif %}{% endblock %}
  4. {% block JS %}
  5.     <script src="/assets/frontend/js/jquery-3.1.1.min.js"></script>
  6.     <script type="text/javascript" src="/assets/frontend/js/jquery.photoswipe-global.js"></script>
  7.     <script type="text/javascript" src="/assets/frontend/js/photoswipe.min.js"></script>
  8.     <script type="text/javascript" src="/assets/frontend/js/photoswipe-ui-default.js"></script>
  9.     <script type="text/javascript" src="/assets/frontend/js/jquery.photoswipe-global.js"></script>
  11.     <script src="/assets/frontend/js/popper.min.js"
  12.             integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ"
  13.             crossorigin="anonymous"></script>
  14.     <script type="text/javascript" src="/assets/frontend/js/owl.carousel.min.js"></script>
  15.     <script type="text/javascript" src="/assets/frontend/js/slick.min.js"></script>
  16.     <script type="text/javascript" src="/assets/frontend/js/jquery.mmenu.js"></script>
  17.     <script type="text/javascript">
  18.         $(function() {
  19.             $('#menu').mmenu();
  20.         });
  21.     </script>
  22.      <script>
  23.         $(".filterCompany").click(function () {
  24.         var getValueinput = $(this).attr('value');
  25.         if (getValueinput != 0){
  26.          var newUrlParam = '?filter='+getValueinput;
  27.         }else{
  28.             var newUrlParam = $(this).attr('href');;
  29.         }
  30.         return window.location =  newUrlParam;
  31.     });
  32.     </script>
  33. {#
  34.     {% if global.displayStarterKits %}
  35.         <script src="/assets/shared/plugins/slick-modal-css3-powered-popups/src/demos/js/carousel_slider.js"></script>
  36.         <script src="/assets/shared/plugins/slick-modal-css3-powered-popups/src/plugin/js/jquery.slickmodal.min.js"></script>
  37.         <script type="text/javascript">
  38.             $(function() {
  39.                 $('.carouselSlider').SlickModals({
  40.                     restrict_cookieDays: '1',
  41.                     restrict_showAfterVisits: 1,
  42.                     restrict_showAfterVisitsResetWhenShown: false,
  43.                     popup_type: 'exit',
  44.                     popup_animation: 'zoomIn',
  45.                     popup_css: {
  46.                         'width': '480px',
  47.                         'height': {% if global.starterKits | length > 2 %}'480px'{% else %}'400px'{% endif %},
  48.                         'background': '#fff',
  49.                         'padding': '40px',
  50.                         'margin': '0'
  51.                     },
  52.                     overlay_css: {
  53.                         'background': 'rgba(0,0,0,0.3)'
  54.                     },
  55.                     mobile_breakpoint: '480px',
  56.                     mobile_position: 'center',
  57.                     mobile_css: {
  58.                         'width': '100%',
  59.                         'height': {% if global.starterKits | length > 2 %}'480px'{% else %}'400px'{% endif %},
  60.                         'background': '#fff',
  61.                         'padding': '30px',
  62.                         'margin': '0'
  63.                     },
  64.                     callback_afterVisible: function () {
  65.                         sm_carouselSlider('.carouselSlider');
  66.                     }
  67.                 });
  68.             });
  69.         </script>
  70.     {% endif %}
  71. #}
  72.     <script type="text/javascript" src="/assets/frontend/js/main.js"></script>
  73.     <script type="text/javascript" src="/assets/frontend/js/registration.js"></script>
  74.     <script type="text/javascript" src="/assets/frontend/js/category-filter.js"></script>
  75.     <script type="text/javascript" src="/assets/frontend/js/scroll-down.js"></script>
  76.     <script type="text/javascript" src="/assets/frontend/js/show-more.js"></script>
  77.     <script type="text/javascript" src="/assets/frontend/js/region-currency-lang-select.js"></script>
  78.     <script type="text/javascript" src="/assets/frontend/js/custom-select.js"></script>
  80.     <script src="{{ asset('build/frontend/producer.js') }}"></script>
  81. {% endblock %}
  82. {% block CSS %}
  84.     <link rel="stylesheet" href="/assets/frontend/css/owl.carousel.min.css">
  85.     <link href="/assets/frontend/css/producer.css?ver={{global.cssVersion}}" rel="stylesheet" type="text/css" media="all">
  86.     <link href="/assets/frontend/css/responsive.css?ver={{global.cssVersion}}" rel="stylesheet" type="text/css" media="all">
  87.     <link href="/assets/frontend/css/jquery.mmenu.css" rel="stylesheet" type="text/css" media="all">
  88.     <script src="/assets/frontend/js/874ad7ad81.js"></script>
  89.     <link href="/assets/frontend/css/jquery.gallery.css" rel="stylesheet" type="text/css" media="all">
  91.     <!-- Add photoswipe -->
  92.     <link rel="stylesheet" type="text/css" href="/assets/frontend/css/photoswipe.css"/>
  93.     <link rel="stylesheet" type="text/css" href="/assets/frontend/css/default-skin.css"/>
  95.     <!-- Add the slick-theme.css if you want default styling -->
  96.     <link rel="stylesheet" type="text/css" href="/assets/frontend/css/slick.css"/>
  97.     <!-- Add the slick-theme.css if you want default styling -->
  98.     <link rel="stylesheet" type="text/css" href="/assets/frontend/css/slick-theme.css"/>
  100.     <link href="{{asset('build/frontend/producer.css')}}" rel="stylesheet" type="text/css" />
  101. {% endblock %}
  102. {% block content %}
  103.     <!--Category section-->
  104.     <div class="category row mb-rem" style="margin-top:180px;">
  105.         <!--Category section header-->
  106.         <section class="category-header">
  107.             {% if company.banner %}
  108.                 {% set backgroundImage = path('getImageAsCroppedThumb', { 'id': company.banner.id, 'height': '510', 'width':'1900'}) %}
  109.             {% else %}
  110.                 {% set backgroundImage = "/assets/frontend/images/header/vineyards.jpg" %}
  111.             {% endif %}
  112.             <div class="producer-header-top-image page-banner" style="background-image: url('{{backgroundImage}}')">
  113.             </div>
  114.             <div class="row about-company">
  115.                 <div class="logo-company-wrap col-xl-2 col-lg-2 col-md-12 col-12">
  116.                     <div class="logo-company">
  117.                         {% if company.image %}
  118.                             <img class="logo-company__img" src="{{path('getImageAsThumb', { 'id': company.image.id, 'height': '180', 'width':'180'})}}"/>
  119.                         {% else %}
  120.                             <img class="logo-company__img" src="/assets/frontend/images/logo.png"/>
  121.                         {% endif %}
  122.                     </div>
  123.                 </div>
  124.                 <div class="col-xl-8 col-lg-8 col-md-12 col-12">
  125.                     <!--<div class="about-company__descripton text-left d-none d-xl-block  d-lg-block d-md-block">-->
  126.                     <div class="about-company__descripton">
  127.                         <h3 class="about-company__name">{{company.name}}</h3>
  128.                         <div class="product-subtitle">{{company.mainLocation.region.name}}</div>
  129.                         {#
  130.                         <div class="product-rating">
  131.                             <ul class="rating" data-rating="4">
  132.                                 <li class="Arad5fQEnoZlv9E59d"><a title="Super boring"
  133.                                                                   class="rate starOn" id="1"><i
  134.                                                                                       class="fa fa-star" aria-hidden="true"></i></a></li>
  135.                                 <li class="Arad5fQEnoZlv9E59d"><a title="Boring"
  136.                                                                   class="rate starOn"
  137.                                                                   id="2"><i
  138.                                                                   class="fa fa-star" aria-hidden="true"></i></a></li>
  139.                                 <li class="Arad5fQEnoZlv9E59d"><a title="Nice"
  140.                                                                   class="rate starOn"
  141.                                                                   id="3"><i
  142.                                                                   class="fa fa-star" aria-hidden="true"></i></a></li>
  143.                                 <li class="Arad5fQEnoZlv9E59d"><a title="Cool"
  144.                                                                   class="rate starOn"
  145.                                                                   id="4"><i
  146.                                                                   class="fa fa-star" aria-hidden="true"></i></a></li>
  147.                                 <li class="Arad5fQEnoZlv9E59d"><a title="Super cool!"
  148.                                                                   class="rate star"
  149.                                                                   id="5"><i
  150.                                                                   class="fa fa-star" aria-hidden="true"></i></a></li>
  151.                             </ul>
  152.                             <span>(12)</span>
  153.                         </div>
  154.                         #}
  155.                         <div class="about-company__description-text text-overflow">
  156.                             {{company.description | raw}}
  157.                         </div>
  158.                         <a class="category-header-description-more btn-overflow" style=""> + Plus</a>
  159.                     </div>
  160.                     </div>
  161.                     <div class="about-company-contact-wrap d-none d-sm-none d-md-none d-lg-block col-xl-2 col-lg-2 col-md-2 col-2">
  162.                             <div class="about-company-contact">
  163.                                     {% if company.mainLocation.showPublic %}
  164.                                         <span class="about-company-contact__caption">Coordonnées</span>
  166.                                         {% block company_location %}
  167.                                             <p class="about-company-contact__address">{{company.mainLocation.civicNumber}} {{company.mainLocation.streetName}}, {{company.mainLocation.city}}<br>{{company.mainLocation.province}}, {{company.mainLocation.zipCode }}<br>{{company.mainLocation.country}}</p>
  168.                                             <div class="underline-effect-wrapper">
  169.                                                 <a href="https://maps.google.ca/?q={{company.mainLocation.civicNumber}}+{{company.mainLocation.streetname |replace ({' ': '+'})}},{{company.mainLocation.city | replace ({' ':'+'})}},{{company.mainLocation.province}},{{company.mainLocation.zipCode|replace({' ':'+'})}}" class="about-company-contact__location underline-effect underline-effect-h1 underline-effect-gray" target="_blank">Voir sur Google map »</a>
  170.                                             </div>
  171.                                         {% endblock %}
  172.                                     {% endif %}
  173.                                 {# @TODO using the local messaging system here #}
  174.                                 {% if app.user %}
  175.                                     <a href="#" class="about-company-contact__button messageSendNewToId" data-type="company" data-name="{{company.name}}" data-id="{{company.id}}">Contacter</a>
  176.                                 {% endif %}
  177.                                 {% for assoc in  company.associations %}
  178.                                     {%  if assoc.logo is not empty %}
  179.                                     <a href="{{ path('companyAssociationList', {urlName: assoc.urlName}) }}">
  180.                                     <img src="{{path('getImageAsFixedWidth', {'id': assoc.logo.id, 'width': '190' })}}" alt="">
  181.                                     </a>
  182.                                     {% endif %}
  183.                                 {% endfor %}
  185.                                 {#
  186.                                 <div class="nav-subscription">
  187.                                     <span class="nav-subscription__text">Partagez :</span>
  188.                                     <a href="" target='_blank'><i class="fa fa-facebook" aria-hidden="true"></i></a>
  189.                                     <a href="" target='_blank'><i class="fa fa-twitter" aria-hidden="true"></i></a>
  190.                                     <a href="" target='_blank'><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
  191.                                     <a href="" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
  192.                                 </div>
  193.                                 #}
  194.                             </div>
  195.                     </div>
  196.                     {#
  197.                     <div class="nav-subscription-mobile d-block d-sm-block d-md-block d-lg-none">
  198.                         <span class="nav-subscription__text">Partagez :</span>
  199.                         <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  200.                         <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  201.                         <a href="#"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
  202.                         <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
  203.                         <a class="message" href="#"><img class="message__img" src="/assets/frontend/images/icons/message.jpg" alt="message"></a>
  204.                     </div>
  205.                     #}
  206.                 </div>
  208.         </section>
  209.         <!--Category section header-->
  211.         <section class="category-products">
  212.             <div class="amount-info">
  213.                 <span class="amount-info__products">{{ companyTotalProducts}} produits</span><span class="side">{#|#}</span>
  214.                 {# <span class="amount-info__selling">{{totalSales}} ventes</span><span class="side">|</span>
  215.                 <span class="amount-info__delivery">Temps de livraison moyen : --</span>
  216.         #}
  217.             </div>
  218.             <div class="heading">
  219.                 <h3 class="heading__text d-none d-md-none d-xl-block  d-lg-block">Nos produits</h3>
  220.             </div>
  221.             <div class="row justify-content-end category-search">
  222.                 <div class="col-xl-5 col-lg-12 col-md-12 col-12 align-self-end">
  223.                     <div class="row justify-content-between">
  224.                         {#
  225.                         <div class="col-xl-6 col-lg-6 col-md-6">
  226.                             <div class="row no-gutters">
  227.                                 <div class="col text-right">
  228.                                     <input class="form-control form-control-lg border-secondary border-right-0 rounded-0 search-input"
  229.                                            type="search" placeholder="Chercher des produits..." style="height: 100%;padding-right: 0px;">
  230.                                 </div>
  231.                                 <div class="col-auto">
  232.                                     <button class="btn btn-lg btn-outline-secondary border-left-0 rounded-0 rounded-right search-btn"
  233.                                             type="button" style="box-shadow: none; -webkit-box-shadow: none; border-color: #565656!important; border-width: 1x;line-height: 1.5;">
  234.                                         <i class="fa fa-search" aria-hidden="true"></i>
  235.                                     </button>
  236.                                 </div>
  237.                             </div>
  238.                         </div>
  239.                         <div class="category-search__text col-xl-2 col-lg-1 col-md-1 d-none d-xl-block  d-lg-block">
  240.                             <span>Trier par:</span>
  241.                         </div>
  242.                         <div class="column-select col-xl-4 col-lg-5 col-md-6 col-5 d-none d-md-block">
  243.                             <div class="select-wrapper">
  244.                                 <select name="order" class="form-control form-control-lg"
  245.                                                      id="orderSelect">
  246.                                     <option value="plus">plus pertinents
  247.                                     </option>
  248.                                     <option value="nouveaux">nouveaux produits
  249.                                     </option>
  250.                                     <option value="bas">prix le plus bas
  251.                                     </option>
  252.                                     <option value="haut" selected>prix le plus haut</option>
  253.                                     <option value="mieux">mieux cotes
  254.                                     </option>
  255.                                     <option value="promotions">promotions
  256.                                     </option>
  257.                                 </select>
  258.                             </div>
  259.                         </div>
  260.                         <div class="column-select select-category col-4 d-block d-md-none">
  261.                             <!--<div class="select-wrapper">-->
  262.                             <div class="dropdown" aria-haspopup="true" aria-expanded="false">
  263.                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Section<span class="caret"></span></a>
  264.                                 <ul class="dropdown-menu select-options pull-bottom">
  265.                                     <li><a data-value="Tout">Tout <span class="product-count">24</span></a></li>
  266.                                     <li><a data-value="Category A">Category A <span class="product-count">7</span></a></li>
  267.                                     <li><a data-value="Category B">Category B <span class="product-count">5</span></a></li>
  268.                                     <li><a data-value="Category B">Category B <span class="product-count">5</span></a></li>
  269.                                     <li><a data-value="Category C">Category C <span class="product-count">1</span></a></li>
  270.                                     <li><a data-value="Category D">Category D <span class="product-count">5</span></a></li>
  271.                                     <li><a data-value="Category E">Category E <span class="product-count">2</span></a></li>
  272.                                     <li><a data-value="Category F">Category F <span class="product-count">4</span></a></li>
  273.                                     <li><a data-value="Category G">Category G <span class="product-count">1</span></a></li>
  274.                                     <li><a data-value="Category H">Category H <span class="product-count">8</span></a></li>
  275.                                     <li><a data-value="Category I">Category I <span class="product-count">10</span></a></li>
  276.                                     <li><a data-value="Category J">Category J <span class="product-count">12</span></a></li>
  277.                                 </ul>
  278.                             </div>
  279.                             <!--</div>-->
  280.                         </div>
  281.                         <div class="column-select select-trier col-4 d-block d-md-none">
  282.                             <!--<div class="select-wrapper">-->
  283.                             <div class="dropdown" aria-haspopup="true" aria-expanded="false">
  284.                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Trier<span class="caret"></span></a>
  285.                                 <ul class="dropdown-menu select-options pull-bottom">
  286.                                     <li><a data-value="Tout">Tout </a></li>
  287.                                     <li><a data-value="Category A">plus pertinents</a></li>
  288.                                     <li><a data-value="Category B">nouveaux produits</a></li>
  289.                                     <li><a data-value="Category B">prix le plus bas</a></li>
  290.                                     <li><a data-value="Category C">prix le plus haut</a></li>
  291.                                     <li><a data-value="Category D">mieux cotes</a></li>
  292.                                     <li><a data-value="Category E">promotions</a></li>
  293.                                 </ul>
  294.                             </div>
  295.                             <!--</div>-->
  296.                         </div>
  297.                         #}
  298.                     </div>
  299.                 </div>
  300.                 <!--<div class="d-none d-xl-block  d-lg-block d-md-block col-xl-3 col-lg-3 col-md-3 col-3"></div>-->
  301.                 <!--<div class="d-none d-xl-block  d-lg-block d-md-block col-xl-3 col-lg-3 col-md-3 col-3"></div>-->
  303.             </div>
  304.             <!--Category section products-->
  305.             {% include ('frontend/productListing.html.twig') %}
  306.         </section>
  308.         {% if imagesGallery %}
  309.             <section class="sect-products-categories">
  310.                 <div class="row">
  311.                     <div class="col-xl-2 col-lg-2 pull-left"></div>
  312.                     <div class="col-xl-10 col-lg-10">
  313.                         <div class="heading d-none d-md-none d-xl-block  d-lg-block">
  314.                             <h3 class="heading__text">Galerie photos</h3>
  315.                         </div>
  316.                         <div class="heading d-block d-md-block d-xl-none d-lg-none">
  317.                             <h3 class="heading-mobile__text">Galerie photos</h3>
  318.                         </div>
  319.                         <div class="slider-wrap">
  320.                             <div class="slider-naw-container">
  321.                                 <!--<div class="slider-nav">-->
  322.                                 <!--<div class="prev-slider-products-categories"><i class="fa fa-angle-left" aria-hidden="true"></i></div>-->
  323.                                 <!--<div class="next-slider-products-categories"><i class="fa fa-angle-right" aria-hidden="true"></i></div>-->
  324.                                 <!--</div>-->
  325.                             </div>
  327.                             <div class="photoswipe-gallery" data-pswp-uid="1">
  328.                                 <div id="categories-gallery" class="categories-slider owl-carousel">
  329.                                     <!--<div id="categories-gallery" class="categories-slider owl-carousel">-->
  331.                                     {% for image in imagesGallery %}
  332.                                         <a class="categories-slider__item item"
  333.                                            href="{{path('getImage', {'id': image.Id})}}" data-size="{{image.Width}}x{{image.Height}}"
  334.                                                                                          data-med="{{path('getImage', {'id': image.Id})}}"
  335.                                                                                          data-med-size="{{image.Width}}x{{image.Height}}" data-author="Samuel Rohl">
  336.                                             <img src="{{path('getImageAsCroppedThumb', {'id': image.Id, 'height': '175', 'width': '175' })}}" alt="">
  337.                                             <figure>{{image.description}}</figure>
  339.                                         </a>
  340.                                     {% endfor %}
  341.                                 </div>
  343.                                 <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  345.                                     <!-- Background of PhotoSwipe.
  346.                                         It's a separate element, as animating opacity is faster than rgba(). -->
  347.                                         <div class="pswp__bg"></div>
  349.                                         <!-- Slides wrapper with overflow:hidden. -->
  350.                                         <div class="pswp__scroll-wrap">
  352.                                             <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
  353.                                             <!-- don't modify these 3 pswp__item elements, data is added later on. -->
  354.                                             <div class="pswp__container">
  355.                                                 <div class="pswp__item"></div>
  356.                                                 <div class="pswp__item"></div>
  357.                                                 <div class="pswp__item"></div>
  358.                                             </div>
  360.                                             <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
  361.                                             <div class="pswp__ui pswp__ui--hidden">
  363.                                                 <div class="pswp__top-bar">
  365.                                                     <!--  Controls are self-explanatory. Order can be changed. -->
  367.                                                     <div class="pswp__counter"></div>
  369.                                                     <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
  371.                                                     <button class="pswp__button pswp__button--share" title="Share"></button>
  373.                                                     <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
  375.                                                     <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
  377.                                                     <!-- Preloader demo https://codepen.io/dimsemenov/pen/yyBWoR -->
  378.                                                     <!-- element will get class pswp__preloader--active when preloader is running -->
  379.                                                     <div class="pswp__preloader">
  380.                                                         <div class="pswp__preloader__icn">
  381.                                                             <div class="pswp__preloader__cut">
  382.                                                                 <div class="pswp__preloader__donut"></div>
  383.                                                             </div>
  384.                                                         </div>
  385.                                                     </div>
  386.                                                 </div>
  388.                                                 <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
  389.                                                     <div class="pswp__share-tooltip"></div>
  390.                                                 </div>
  392.                                                 <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
  393.                                                 </button>
  395.                                                 <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
  396.                                                 </button>
  398.                                                 <div class="pswp__caption">
  399.                                                     <div class="pswp__caption__center"></div>
  400.                                                 </div>
  402.                                             </div>
  404.                                         </div>
  406.                                 </div>
  411.                                 <!--*******************************************************************************-->
  412.                             </div>
  413.                         </div>
  414.                     </div>
  416.             </section>
  417.         {% endif %}
  419.         {#
  420.         <section class="sect-customer-reviews">
  421.             <div class="row column-reviews-wrapper">
  422.                 <div class="d-none d-xl-block  d-lg-block d-md-block col-xl-2 col-lg-2 col-md-2 pull-left"></div>
  423.                 <div class="column-reviews col-xl-10 col-lg-10 col-md-12 col-sm-12 col-12">
  424.                     <div class="row">
  425.                         <div class="d-none d-md-none d-xl-block d-lg-block col-xl-3 col-lg-3 col-md-3 col-sm-3 col-3">
  426.                             <h4 class="comments-title">
  427.                                 AVIS DES clients
  428.                             </h4>
  429.                         </div>
  430.                         <div class="col-xl-5 col-lg-7 col-md-12 col-sm-12 col-12">
  431.                             <header>
  432.                                 <div class="product-rating d-none d-md-none d-xl-block">
  433.                                     <ul class="rating" data-rating="4">
  434.                                         <li class="Arad5fQEnoZlv9E59d">
  435.                                             <a title="Super boring" class="rate starOn" id="1">
  436.                                                 <i class="fa fa-star" aria-hidden="true"></i>
  437.                                             </a>
  438.                                         </li>
  439.                                         <li class="Arad5fQEnoZlv9E59d">
  440.                                             <a title="Boring" class="rate starOn" id="2">
  441.                                                 <i class="fa fa-star" aria-hidden="true"></i>
  442.                                             </a>
  443.                                         </li>
  444.                                         <li class="Arad5fQEnoZlv9E59d">
  445.                                             <a title="Nice" class="rate starOn" id="3">
  446.                                                 <i class="fa fa-star" aria-hidden="true"></i>
  447.                                             </a>
  448.                                         </li>
  449.                                         <li class="Arad5fQEnoZlv9E59d">
  450.                                             <a title="Cool" class="rate starOn" id="4">
  451.                                                 <i class="fa fa-star" aria-hidden="true"></i>
  452.                                             </a>
  453.                                         </li>
  454.                                         <li class="Arad5fQEnoZlv9E59d">
  455.                                             <a title="Super cool!" class="rate star" id="5">
  456.                                                 <i class="fa fa-star" aria-hidden="true"></i>
  457.                                             </a>
  458.                                         </li>
  459.                                     </ul>
  460.                                     <span>(12)</span>
  461.                                 </div>
  462.                                 <div class="commnet-share d-none d-xl-block">
  463.                                     <a href="#">Donnez votre avis »</a>
  464.                                 </div>
  465.                             </header>
  466.                             <article>
  467.                                 <div class="row">
  468.                                     <div class="col-sm-2 col-3">
  469.                                         <div class="comment-avatar">
  470.                                             <img src="/assets/frontend/images/photo1.png" alt="avatar"/>
  471.                                         </div>
  472.                                     </div>
  473.                                     <div class="col-sm-10 col-9">
  474.                                         <div class="comment-content">
  475.                                             <div class="commnet-meta">
  476.                                                 <div class="product-rating">
  477.                                                     <ul class="rating" data-rating="4">
  478.                                                         <li class="Arad5fQEnoZlv9E59d">
  479.                                                             <a title="Super boring" class="rate starOn" id="1">
  480.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  481.                                                             </a>
  482.                                                         </li>
  483.                                                         <li class="Arad5fQEnoZlv9E59d">
  484.                                                             <a title="Boring" class="rate starOn" id="2">
  485.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  486.                                                             </a>
  487.                                                         </li>
  488.                                                         <li class="Arad5fQEnoZlv9E59d">
  489.                                                             <a title="Nice" class="rate starOn" id="3">
  490.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  491.                                                             </a>
  492.                                                         </li>
  493.                                                         <li class="Arad5fQEnoZlv9E59d">
  494.                                                             <a title="Cool" class="rate starOn" id="4">
  495.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  496.                                                             </a>
  497.                                                         </li>
  498.                                                         <li class="Arad5fQEnoZlv9E59d">
  499.                                                             <a title="Super cool!" class="rate star" id="5">
  500.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  501.                                                             </a>
  502.                                                         </li>
  503.                                                     </ul>
  504.                                                 </div>
  505.                                                 <div class="comment-date d-none d-lg-block">
  506.                                                     <p>22 février 2018</p>
  507.                                                 </div>
  508.                                             </div>
  509.                                             <h5 class="comment-name">Tom Bernard, Mont-Saint-Hilaire</h5>
  510.                                             <p class="comment-text">Lorem ipsum dolor sit amet, consectetur adipiscing
  511.                                             elit.
  512.                                             Nulla quam velit, vulputate eu pharetra nec, mattis ac neque. Lorem
  513.                                             ipsum dolor
  514.                                             sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate
  515.                                             mattis ac
  516.                                             neque.</p>
  517.                                         </div>
  518.                                     </div>
  520.                                 </div>
  521.                             </article>
  522.                             <article>
  523.                                 <div class="row">
  524.                                     <div class="col-sm-2 col-3">
  525.                                         <div class="comment-avatar">
  526.                                             <img src="/assets/frontend/images/photo1.png" alt="avatar"/>
  527.                                         </div>
  528.                                     </div>
  529.                                     <div class="col-sm-10 col-9">
  530.                                         <div class="comment-content">
  531.                                             <div class="commnet-meta">
  532.                                                 <div class="product-rating">
  533.                                                     <ul class="rating" data-rating="4">
  534.                                                         <li class="Arad5fQEnoZlv9E59d">
  535.                                                             <a title="Super boring" class="rate starOn" id="1">
  536.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  537.                                                             </a>
  538.                                                         </li>
  539.                                                         <li class="Arad5fQEnoZlv9E59d">
  540.                                                             <a title="Boring" class="rate starOn" id="2">
  541.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  542.                                                             </a>
  543.                                                         </li>
  544.                                                         <li class="Arad5fQEnoZlv9E59d">
  545.                                                             <a title="Nice" class="rate starOn" id="3">
  546.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  547.                                                             </a>
  548.                                                         </li>
  549.                                                         <li class="Arad5fQEnoZlv9E59d">
  550.                                                             <a title="Cool" class="rate starOn" id="4">
  551.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  552.                                                             </a>
  553.                                                         </li>
  554.                                                         <li class="Arad5fQEnoZlv9E59d">
  555.                                                             <a title="Super cool!" class="rate star" id="5">
  556.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  557.                                                             </a>
  558.                                                         </li>
  559.                                                     </ul>
  560.                                                 </div>
  561.                                                 <div class="comment-date d-none d-lg-block">
  562.                                                     <p>22 février 2018</p>
  563.                                                 </div>
  564.                                             </div>
  565.                                             <h5 class="comment-name">Tom Bernard, Mont-Saint-Hilaire</h5>
  566.                                             <p class="comment-text">Lorem ipsum dolor sit amet, consectetur adipiscing
  567.                                             elit.
  568.                                             Nulla quam velit, vulputate eu pharetra nec, mattis ac neque. Lorem
  569.                                             ipsum dolor
  570.                                             sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate
  571.                                             mattis ac
  572.                                             neque.</p>
  573.                                         </div>
  574.                                     </div>
  576.                                 </div>
  577.                             </article>
  578.                             <article>
  579.                                 <div class="row">
  580.                                     <div class="col-sm-2 col-3">
  581.                                         <div class="comment-avatar">
  582.                                             <img src="/assets/frontend/images/photo1.png" alt="avatar"/>
  583.                                         </div>
  584.                                     </div>
  585.                                     <div class="col-sm-10 col-9">
  586.                                         <div class="comment-content">
  587.                                             <div class="commnet-meta">
  588.                                                 <div class="product-rating">
  589.                                                     <ul class="rating" data-rating="4">
  590.                                                         <li class="Arad5fQEnoZlv9E59d">
  591.                                                             <a title="Super boring" class="rate starOn" id="1">
  592.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  593.                                                             </a>
  594.                                                         </li>
  595.                                                         <li class="Arad5fQEnoZlv9E59d">
  596.                                                             <a title="Boring" class="rate starOn" id="2">
  597.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  598.                                                             </a>
  599.                                                         </li>
  600.                                                         <li class="Arad5fQEnoZlv9E59d">
  601.                                                             <a title="Nice" class="rate starOn" id="3">
  602.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  603.                                                             </a>
  604.                                                         </li>
  605.                                                         <li class="Arad5fQEnoZlv9E59d">
  606.                                                             <a title="Cool" class="rate starOn" id="4">
  607.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  608.                                                             </a>
  609.                                                         </li>
  610.                                                         <li class="Arad5fQEnoZlv9E59d">
  611.                                                             <a title="Super cool!" class="rate star" id="5">
  612.                                                                 <i class="fa fa-star" aria-hidden="true"></i>
  613.                                                             </a>
  614.                                                         </li>
  615.                                                     </ul>
  616.                                                 </div>
  617.                                                 <div class="comment-date d-none d-lg-block">
  618.                                                     <p>22 février 2018</p>
  619.                                                 </div>
  620.                                             </div>
  621.                                             <h5 class="comment-name">Tom Bernard, Mont-Saint-Hilaire</h5>
  622.                                             <p class="comment-text">Lorem ipsum dolor sit amet, consectetur adipiscing
  623.                                             elit.
  624.                                             Nulla quam velit, vulputate eu pharetra nec, mattis ac neque. Lorem
  625.                                             ipsum dolor
  626.                                             sit amet, consectetur adipiscing elit. Nulla quam velit, vulputate
  627.                                             mattis ac
  628.                                             neque.</p>
  629.                                         </div>
  630.                                     </div>
  632.                                 </div>
  633.                             </article>
  634.                             <div class="product-property-more-wrapper d-xl-none d-lg-none d-md-block d-sm-block">
  635.                                 <a class="producer-page-product-property-more-btn more">Voir tous les avis »</a>
  636.                             </div>
  637.                         </div>
  638.                     </div>
  640.                 </div>
  641.             </div>
  643.         </section>
  644.         #}
  645.         <section class="sect-product-property col-12 d-block d-md-block d-lg-none">
  646.             <div class="">
  647.                 <ul class="product-property">
  648.                     <li class="product-property-item">
  649.                         <h5 class="product-property-title">Coordonnées <span
  650.                             class="product-property-icon"><img src="/assets/frontend/images/icons/open-menu.svg"
  651.                                                                alt=""></span></h5>
  652.                         <div class="product-property-description col-6">
  653.                             {% if company.mainLocation.showPublic %}
  654.                                 {{block('company_location')}}
  655.                             {% endif %}
  656.                             <a href="#" class="about-company-contact__button">Contacter</a>
  657.                         </div>
  659.                     </li>
  660.                 </ul>
  661.             </div>
  663.         </section>
  666.         {% if company.getSpeciality | trim %}
  667.             <section class="sect-specialties d-xl-block  d-lg-block">
  668.                 <div class="row">
  669.                     <div class="d-none d-xl-block  d-lg-block d-md-block col-xl-2 col-lg-2 col-md-2 pull-left"></div>
  670.                     <div class="column-right col-xl-10 col-lg-10 col-md-10 col-sm-12 col-12">
  671.                         <div class="row">
  672.                             <div class="title-wrap col-xl-3 col-lg-3 col-md-3 col-sm-12 ">
  673.                                 <h4 class="sect-specialties__title">
  674.                                     Spécialités
  675.                                 </h4>
  676.                             </div>
  677.                             <div class="col-xl-5 col-lg-7 col-md-5 col-sm-12">
  678.                                 <p class="sect-specialties__text">{{company.getSpeciality | raw}}</p>
  679.                             </div>
  680.                         </div>
  681.                     </div>
  682.                 </div>
  683.             </section>
  684.         {% endif %}
  686.         {#
  687.             {% if company.getDelivery | trim %}
  688.                 <section class="sect-delivery d-none d-md-none d-xl-block  d-lg-block">
  689.                     <div class="row">
  690.                         <div class="d-none d-xl-block  d-lg-block d-md-block col-xl-2 col-lg-2 col-md-2 pull-left"></div>
  691.                         <div class="column-right col-xl-10 col-lg-10 col-md-10 col-sm-12 col-12">
  692.                             <div class="row">
  693.                                 <div class="title-wrap col-xl-3 col-lg-3 col-md-3 col-sm-3 col-3">
  694.                                     <h4 class="sect-delivery__title">Livraison</h4>
  695.                                 </div>
  696.                                 <div class="col-xl-5 col-lg-7 col-md-5 col-sm-5 col-5">
  697.                                     <p class="sect-delivery__text">{{company.getDelivery}}</p>
  698.                                 </div>
  699.                             </div>
  700.                         </div>
  701.                     </div>
  702.                 </section>
  703.             {% endif %}
  704.         #}
  706.         {% if company.customSaleConditions %}
  707.             {% if company.conditionsShipping | trim %}
  708.                 <section class="sect-other-info d-xl-block  d-lg-block">
  709.                     <div class="row">
  710.                         <div class="d-none d-xl-block  d-lg-block d-md-block col-xl-2 col-lg-2 col-md-2 pull-left"></div>
  711.                         <div class="column-right col-xl-10 col-lg-10 col-md-10 col-sm-12 col-12">
  712.                             <div class="row">
  713.                                 <div class="title-wrap col-xl-3 col-lg-3 col-md-3 col-sm-12">
  714.                                     <h4 class="sect-other-info__title">Livraison et cueillette</h4>
  715.                                 </div>
  716.                                 <div class="col-xl-5 col-lg-7 col-md-5 col-sm-12">
  717.                                     <p class="sect-other-info__text">{{company.conditionsShipping | nl2br}}</p>
  718.                                 </div>
  719.                             </div>
  721.                         </div>
  722.                     </div>
  723.                 </section>
  724.             {% endif %}
  726.             {% if company.conditionsReturn| trim %}
  727.                 <section class="sect-other-info d-xl-block  d-lg-block">
  728.                     <div class="row">
  729.                         <div class="d-none d-xl-block  d-lg-block d-md-block col-xl-2 col-lg-2 col-md-2 pull-left"></div>
  730.                         <div class="column-right col-xl-10 col-lg-10 col-md-10 col-sm-12 col-12">
  731.                             <div class="row">
  732.                                 <div class="title-wrap col-xl-3 col-lg-3 col-md-3 col-sm-12">
  733.                                     <h4 class="sect-other-info__title">Retour et échange</h4>
  734.                                 </div>
  735.                                 <div class="col-xl-5 col-lg-7 col-md-5 col-sm-12">
  736.                                     <p class="sect-other-info__text">{{company.conditionsReturn | nl2br}}</p>
  737.                                 </div>
  738.                             </div>
  740.                         </div>
  741.                     </div>
  742.                 </section>
  743.             {% endif %}
  745.             {% if company.conditionsCancel | trim %}
  746.                 <section class="sect-other-info d-xl-block  d-lg-block">
  747.                     <div class="row">
  748.                         <div class="d-none d-xl-block  d-lg-block d-md-block col-xl-2 col-lg-2 col-md-2 pull-left"></div>
  749.                         <div class="column-right col-xl-10 col-lg-10 col-md-10 col-sm-12 col-12">
  750.                             <div class="row">
  751.                                 <div class="title-wrap col-xl-3 col-lg-3 col-md-3 col-sm-12">
  752.                                     <h4 class="sect-other-info__title">Annulation</h4>
  753.                                 </div>
  754.                                 <div class="col-xl-5 col-lg-7 col-md-5 col-sm-12">
  755.                                     <p class="sect-other-info__text">{{company.conditionsCancel | nl2br}}</p>
  756.                                 </div>
  757.                             </div>
  759.                         </div>
  760.                     </div>
  761.                 </section>
  762.             {% endif %}
  763.         {% endif %}
  766.             </div>
  767.             {# insert footer here #}
  769.             <!--Sign in/ Registration modal-->
  770.             <div class="modal fade" id="registrModal" tabindex="-1" role="dialog">
  771.                 <div class="modal-dialog" role="document">
  772.                     <div class="modal-content">
  773.                         <ul class="nav nav-pills" id="pills-tab" role="tablist">
  774.                             <li class="nav-item">
  775.                                 <a class="nav-link active" id="pills-register-tab" data-toggle="pill"
  776.                                                                                    href="#pills-register"
  777.                                                                                    role="tab" aria-controls="pills-register"
  778.                                                                                               aria-selected="true">S’inscrire</a>
  779.                             </li>
  780.                             <li class="nav-item">
  781.                                 <a class="nav-link" id="pills-login-tab" data-toggle="pill" href="#pills-login"
  782.                                                                                             role="tab" aria-controls="pills-login" aria-selected="false">Se connecter</a>
  783.                             </li>
  784.                         </ul>
  785.                         <div class="tab-content" id="pills-tabContent">
  786.                             <div class="tab-pane fade show active" id="pills-register" role="tabpanel"
  787.                                                                                        aria-labelledby="pills-register-tab">
  788.                                 <div class="container">
  789.                                     <button type="button" class="btn-registr-modal-close">
  790.                                     </button>
  791.                                     <div class="col-xl-10 col-lg-10 col-md-10 col-sm-12 col-12 m-0-auto">
  792.                                         <div class="row">
  793.                                             <p class="registr-top-text m--30">Pour enregistrer des articles ou recevoir
  794.                                             des
  795.                                             bulletins d'information,
  796.                                             des
  797.                                             alertes ou
  798.                                             des recommandations - tout est gratuit.</p>
  799.                                         </div>
  800.                                         <div class="row">
  801.                                             <button class="button button-300 button-fb">
  802.                                                 <span class="button-icon fb-icon"><i class="fa fa-facebook"
  803.                                                                                      aria-hidden="true"></i></span>
  804.                                                 Se connecter avec Facebook
  805.                                             </button>
  806.                                             <button class="button button-300 button-g">
  807.                                                 <span class="button-icon g-icon"><img
  808.                                                       src="/assets/frontend/images/icons/google-icon.png"
  809.                                                       alt=""></span>
  810.                                                 Se connecter avec Google
  811.                                             </button>
  812.                                         </div>
  813.                                         <form id="registrForm">
  814.                                             <div class="row">
  815.                                                 <h5 class="section-title-line">OU</h5>
  816.                                                 <input type="text" placeholder="Prénom"
  817.                                                                    class="form-control registr-form-control">
  818.                                                 <input type="email" placeholder="Courriel"
  819.                                                                     class="form-control registr-form-control">
  820.                                                 <span class="email-incorrect">E-mail incorrect</span>
  821.                                                 <input type="password" placeholder="Mot de passe"
  822.                                                                        class="form-control registr-form-control">
  823.                                                 <input type="password" placeholder="Confirmer le mot de passe"
  824.                                                                        class="form-control registr-form-control">
  825.                                             </div>
  826.                                             <div class="row">
  827.                                                 <button class="button button-full-width button-orange">S’INSCRIRE
  828.                                                 </button>
  829.                                             </div>
  830.                                         </form>
  831.                                         <div class="row">
  832.                                             <p class="registr-bottom-text">
  833.                                             En cliquant sur S'inscrire, vous acceptez de respecter les <span><a
  834.                                                href="#">Conditions
  835.                                                d'utilisation</a></span> et le <span><a
  836.                                                href="#">Les Règlements</a></span>
  837.                                        concernant la confidentialité
  838.                                        de Maturin.
  839.                                             </p>
  840.                                         </div>
  841.                                     </div>
  842.                                 </div>
  843.                             </div>
  844.                             <div class="tab-pane fade" id="pills-login" role="tabpanel"
  845.                                                                         aria-labelledby="pills-login-tab">
  846.                                 <div class="container">
  847.                                     <button type="button" class="btn-registr-modal-close">
  848.                                     </button>
  849.                                     <div class="col-xl-10 col-lg-10 col-md-10 col-sm-12 col-12 m-0-auto">
  850.                                         <div class="row">
  851.                                             <p class="registr-top-text m-0-auto">Se connecter pour démarrer votre
  852.                                             boutique</p>
  853.                                         </div>
  854.                                         <div class="row">
  855.                                             <button class="button button-300 button-fb">
  856.                                                 <span class="button-icon fb-icon"><i class="fa fa-facebook"
  857.                                                                                      aria-hidden="true"></i></span>
  858.                                                 Se connecter avec Facebook
  859.                                             </button>
  860.                                             <button class="button button-300 button-g">
  861.                                                 <span class="button-icon g-icon"><img
  862.                                                       src="/assets/frontend/images/icons/google-icon.png"
  863.                                                       alt=""></span>
  864.                                                 Se connecter avec Google
  865.                                             </button>
  866.                                         </div>
  867.                                         <form id="loginForm">
  868.                                             <div class="row">
  869.                                                 <h5 class="section-title-line">OU</h5>
  870.                                                 <input id="login-email" type="email" placeholder="Courriel"
  871.                                                                                      class="form-control registr-form-control">
  872.                                                 <span class="email-incorrect">E-mail incorrect</span>
  873.                                                 <input id="login-password" type="password" placeholder="Mot de passe"
  874.                                                                                            class="form-control registr-form-control">
  875.                                             </div>
  876.                                             <div class="row rester-connecté">
  877.                                                 <div class="col-xl-6 col-lg-6 col-md-6 ol-sm-6 col-6">
  878.                                                     <div class="form-group form-check">
  879.                                                         <input type="checkbox" class="form-check-input"
  880.                                                                                id="exampleCheck1">
  881.                                                         <label class="form-check-label" for="exampleCheck1">Rester
  882.                                                             connecté</label>
  883.                                                     </div>
  884.                                                 </div>
  885.                                                 <div class="col-xl-6 col-lg-6 col-md-6 ol-sm-6 col-6 text-right no-padding-left">
  886.                                                     <a href="#" class="orange-link">Mot de passe oublié?</a>
  887.                                                 </div>
  888.                                             </div>
  889.                                             <div class="row">
  890.                                                 <button class="button button-full-width button-orange"
  891.                                                         id="btn-se-connecter">SE CONNECTER
  892.                                                 </button>
  893.                                             </div>
  894.                                         </form>
  895.                                         <div class="row no-padding">
  896.                                             <p class="registr-bottom-text">
  897.                                             Vous n’avez pas de compte? <span><a
  898.                                                href="#">Inscrivez-vous maintenant.</a></span>
  899.                                             </p>
  900.                                         </div>
  901.                                     </div>
  902.                                 </div>
  903.                             </div>
  904.                         </div>
  905.                     </div>
  906.                 </div>
  907.             </div>
  908.             <!--Sign in/ Registration modal-->
  911.             <!--Modifiez vos paramètres-->
  912.             <div class="modal fade" id="modifiezVosParamètres" tabindex="-1" role="dialog">
  913.                 <div class="modal-dialog" role="document">
  914.                     <div class="modal-content">
  915.                         <div class="modal-body">
  916.                             <div class="container">
  917.                                 <div class="row">
  918.                                     <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
  919.                                         <div class="modifiezVosParamètres">
  920.                                             <div class="modifiezVosParamètres-title">Modifiez vos paramètres</div>
  921.                                             <div class="modifiezVosParamètres-description">Paramétrez votre région, la
  922.                                                 devise et votre langue
  923.                                                 que vous utilisez.
  924.                                             </div>
  925.                                             <div class="modifiezVosParamètres-select-wrapper">
  926.                                                 <form>
  927.                                                     <div class="form-group">
  928.                                                         <label for="regionSelect">Région</label>
  929.                                                         <div class="select-wrapper">
  930.                                                             <select name="region" class="form-control form-control-lg"
  931.                                                                                   id="regionSelect">
  932.                                                                 <option value="Lidsa">Lorem ipsum dolor sit amet
  933.                                                                 (Lidsa)
  934.                                                                 </option>
  935.                                                                 <option value="Ca">Consectetur adipiscing elit (Ca)
  936.                                                                 </option>
  937.                                                                 <option value="Vsl">Vivamus sagittis lacus (Vsl)
  938.                                                                 </option>
  939.                                                                 <option value="Qc" selected>Québec (Qc)</option>
  940.                                                                 <option value="Pavm">Placerat ac vitae metus (Pavm)
  941.                                                                 </option>
  942.                                                                 <option value="Pf">Praesent faucibus magna sit amet
  943.                                                                 (Pf)
  944.                                                                 </option>
  945.                                                                 <option value="Sd">Sollicitudin dignissim (Sd)</option>
  946.                                                                 <option value="Pd">Pellentesque dictum leo non ex (Pd)
  947.                                                                 </option>
  948.                                                                 <option value="Fn">Fringillaullamcorper nisi varius.
  949.                                                                 (Fn)
  950.                                                                 </option>
  951.                                                                 <option value="Ve">Vestibulum euismod diam in (Ve)
  952.                                                                 </option>
  953.                                                                 <option value="Lf">Lorem feugiat, (Lf)</option>
  954.                                                                 <option value="Sl">Sed laoreet (Sl)</option>
  955.                                                                 <option value="Fv">Felis volutpat. (Fv)</option>
  956.                                                                 <option value="Li">Lorem ipsum dolor sit amet (li)
  957.                                                                 </option>
  958.                                                                 <option value="Cae">Consectetur adipiscing elit (Cae)
  959.                                                                 </option>
  960.                                                             </select>
  961.                                                         </div>
  962.                                                     </div>
  963.                                                     <div class="form-group">
  964.                                                         <label for="currencySelect">Devise</label>
  965.                                                         <div class="select-wrapper">
  966.                                                             <select name="currency" class="form-control form-control-lg"
  967.                                                                                     id="currencySelect"
  968.                                                                                     size="1">
  969.                                                                 <option value="$(CAD)" selected>$ Dollar canadien
  970.                                                                 (CAD)
  971.                                                                 </option>
  972.                                                                 <option value="$(USD)">$ United States Dollar (USD)
  973.                                                                 </option>
  974.                                                                 <option value="€(EUR)">€ Euro (EUR)</option>
  975.                                                             </select>
  976.                                                         </div>
  977.                                                     </div>
  978.                                                     <div class="form-group">
  979.                                                         <label for="langSelect">Langue</label>
  980.                                                         <div class="select-wrapper">
  981.                                                             <select name="lang" class="form-control form-control-lg"
  982.                                                                                 id="langSelect">
  983.                                                                 <option value="Français" selected>Français</option>
  984.                                                                 <option value="English">English</option>
  985.                                                             </select>
  986.                                                         </div>
  987.                                                     </div>
  988.                                                     <button type="button" data-dismiss="modal" aria-label="Close"
  989.                                                                                                class="btn button-black modifiezVosParamètres-btn-close">
  990.                                                         CANCEL
  991.                                                     </button>
  992.                                                     <button type="submit"
  993.                                                             class="btn button-orange modifiezVosParamètres-btn-save">
  994.                                                         SAVE
  995.                                                     </button>
  996.                                                 </form>
  997.                                             </div>
  998.                                         </div>
  999.                                     </div>
  1000.                                 </div>
  1001.                             </div>
  1002.                         </div>
  1003.                     </div>
  1004.                 </div>
  1005.             </div>
  1006.             <!--Modifiez vos paramètres-->
  1007.             </div>
  1009. {% endblock %}