templates/mazdashop/nav.html.twig line 1

Open in your IDE?
  1. <section class="navbar">
  2.   <div class="container">
  3.     <div class="float-left d-xl-none">
  4.       <div class="nav-main">
  5.         <div class="nav-toggle">
  6.           <div class="bars">
  7.             <div class="bar">
  8.               <span></span>
  9.             </div>
  10.             <div class="bar">
  11.               <span></span>
  12.             </div>
  13.             <div class="bar">
  14.               <span></span>
  15.             </div>
  16.           </div>
  17.         </div>
  18.       </div>
  19.     </div>
  21.     <div class="logo float-left">
  22.       <a href="{{ path('homepage') }}">
  23.         {% if Settings is defined %}
  24.           <img src="{{Settings.logo}}">
  25.         {% endif %}
  26.       </a>
  27.     </div>
  29.     <div class="nav-center d-none d-xl-inline-block">
  30.       <div class="nav-main">
  31.         {{ custom_navigation('nav_before') }}
  32.           <div class="custom-nav-wrapper model-dropdown">
  33.               {% if Settings.language.getLocale == 'nl' %}
  34.                 <ul class="custom-nav key-nav_main">
  35.                   <li class="drop has-children auto-accessoires ">
  36.                     <a href="/auto-accessoires">
  37.                       <span>Auto Accessoires&nbsp;<i class="fa fa-angle-down"></i></span></a>
  39.                     <ul class="has-parent sub dropdown depth-0">
  40.                       <li class="drop has-children mazda2 ">
  41.                         <div class="model-wrapper">
  42.                           <a href="/auto-accessoires/mazda2-2015">
  43.                             <span>Mazda2</span></a>
  44.                           <div class="model-years">
  45.                             <a href="/auto-accessoires/mazda2-2015">2015</a>
  46.                             <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>
  47.                             <a href="/auto-accessoires/mazda2-2010">2010</a>
  48.                           </div>
  49.                         </div>
  50.                       </li>
  52.                       <li class="drop has-children mazda3 ">
  53.                         <div class="model-wrapper">
  54.                           <a href="/auto-accessoires/mazda3-2018">
  55.                             <span>Mazda3</span></a>
  56.                           <div class="model-years">
  57.                             <a href="/auto-accessoires/mazda3-2018">2018</a>
  58.                             <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>
  59.                             <a href="/auto-accessoires/mazda3-2016">2016</a>
  60.                           </div>
  61.                         </div>
  62.                       </li>
  64.                       <li class="drop has-children mazda6 ">
  65.                         <div class="model-wrapper">
  66.                           <a href="/auto-accessoires/mazda6-2018">
  67.                             <span>Mazda6</span></a>
  68.                           <div class="model-years">
  69.                             <a href="/auto-accessoires/mazda6-2018">2018</a>
  70.                             <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>
  71.                             <a href="/auto-accessoires/mazda6-2016">2016</a>
  72.                           </div>
  73.                         </div>
  74.                       </li>
  76.                       <li class="drop has-children mazda-cx3 ">
  77.                         <div class="model-wrapper">
  78.                           <a href="/auto-accessoires/mazda-cx-3-2018">
  79.                             <span>Mazda CX-3</span></a>
  80.                           <div class="model-years">
  81.                             <a href="/auto-accessoires/mazda-cx-3-2018">2018</a>
  82.                             <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>
  83.                             <a href="/auto-accessoires/mazda-cx-3-2015">2015</a>
  84.                           </div>
  85.                         </div>
  86.                       </li>
  88.                       <li class="drop has-children mazda-cx30 ">
  89.                         <div class="model-wrapper">
  90.                           <a href="/auto-accessoires/mazda-cx-30">
  91.                             <span>Mazda CX-30</span></a>
  92.                           <div class="model-years">
  93.                             <a href="/auto-accessoires/mazda-cx-30">2019</a>
  94.                           </div>
  95.                         </div>
  96.                       </li>
  98.                       <li class="drop has-children mazda-cx5">
  99.                         <div class="model-wrapper">
  100.                           <a href="/auto-accessoires/mazda-cx-5-2017">
  101.                             <span>Mazda CX-5</span></a>
  102.                           <div class="model-years">
  103.                             <a href="/auto-accessoires/mazda-cx-5-2017">2017</a>
  104.                             <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>
  105.                             <a href="/auto-accessoires/mazda-cx-5-2015">2015</a>
  106.                           </div>
  107.                         </div>
  108.                       </li>
  110.                       <li class="drop has-children mazda-mx-5">
  111.                         <div class="model-wrapper">
  112.                           <a href="/auto-accessoires/mazda-mx-5">
  113.                             <span>Mazda MX-5</span></a>
  114.                           <div class="model-years">
  115.                             <a href="/auto-accessoires/mazda-mx-5">MX-5</a>
  116.                             <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>
  117.                             <a href="/auto-accessoires/mazda-mx-5-rf">MX-5 RF</a>
  118.                           </div>
  119.                         </div>
  120.                       </li>
  122.                       <li class="drop has-children mazda-mx-30">
  123.                         <div class="model-wrapper">
  124.                           <a href="/auto-accessoires/mazda-mx-30">
  125.                             <span>Mazda MX-30</span></a>
  126.                           <div class="model-years">
  127.                             <a href="/auto-accessoires/mazda-mx-30">2022</a>
  128.                           </div>
  129.                         </div>
  130.                       </li>
  132.                       <li class="drop has-children mazda-cx60">
  133.                         <div class="model-wrapper">
  134.                           <a href="/auto-accessoires/mazda-cx-60">
  135.                             <span>Mazda CX-60</span></a>
  136.                           <div class="model-years">
  137.                             <a href="/auto-accessoires/mazda-mx-30">2022</a>
  138.                           </div>
  139.                         </div>
  140.                       </li>
  141.                     </ul>
  142.                   </li>
  143.                 </ul>
  144.               {% endif %}
  146.               {% if Settings.language.getLocale == 'gb' %}
  147.                 <ul class="custom-nav key-nav_main">
  148.                   <li class="drop has-children auto-accessoires ">
  149.                     <a href="/car-accessoires">
  150.                       <span>Car Accessoires&nbsp;<i class="fa fa-angle-down"></i></span></a>
  152.                     <ul class="has-parent sub dropdown depth-0">
  153.                       <li class="drop has-children mazda2 ">
  154.                         <div class="model-wrapper">
  155.                           <a href="/car-accessoires/mazda2-2015">
  156.                             <span>Mazda2</span></a>
  157.                           <div class="model-years">
  158.                             <a href="/car-accessoires/mazda2-2015">2015</a>
  159.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  160.                             <a href="/car-accessoires/mazda2-2010">2010</a>
  161.                           </div>
  162.                         </div>
  163.                       </li>
  165.                       <li class="drop has-children mazda3 ">
  166.                         <div class="model-wrapper">
  167.                           <a href="/car-accessoires/mazda3-2018">
  168.                             <span>Mazda3</span></a>
  169.                           <div class="model-years">
  170.                             <a href="/car-accessoires/mazda3-2018">2018</a>
  171.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  172.                             <a href="/car-accessoires/mazda3-2016">2016</a>
  173.                           </div>
  174.                         </div>
  175.                       </li>
  177.                       <li class="drop has-children mazda6 ">
  178.                         <div class="model-wrapper">
  179.                           <a href="/car-accessoires/mazda6-2018">
  180.                             <span>Mazda6</span></a>
  181.                           <div class="model-years">
  182.                             <a href="/car-accessoires/mazda6-2018">2018</a>
  183.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  184.                             <a href="/car-accessoires/mazda6-2016">2016</a>
  185.                           </div>
  186.                         </div>
  187.                       </li>
  189.                       <li class="drop has-children mazda-cx3 ">
  190.                         <div class="model-wrapper">
  191.                           <a href="/car-accessoires/mazda-cx-3-2018">
  192.                             <span>Mazda CX-3</span></a>
  193.                           <div class="model-years">
  194.                             <a href="/car-accessoires/mazda-cx-3-2018">2018</a>
  195.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  196.                             <a href="/car-accessoires/mazda-cx-3-2015">2015</a>
  197.                           </div>
  198.                         </div>
  199.                       </li>
  201.                       <li class="drop has-children mazda-cx30 ">
  202.                         <div class="model-wrapper">
  203.                           <a href="/car-accessoires/mazda-cx-30">
  204.                             <span>Mazda CX-30</span></a>
  205.                           <div class="model-years">
  206.                             <a href="/car-accessoires/mazda-cx-30">2019</a>
  207.                           </div>
  208.                         </div>
  209.                       </li>
  211.                       <li class="drop has-children mazda-cx5">
  212.                         <div class="model-wrapper">
  213.                           <a href="/car-accessoires/mazda-cx-5-2017">
  214.                             <span>Mazda CX-5</span></a>
  215.                           <div class="model-years">
  216.                             <a href="/car-accessoires/mazda-cx-5-2017">2017</a>
  217.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  218.                             <a href="/car-accessoires/mazda-cx-5-2015">2015</a>
  219.                           </div>
  220.                         </div>
  221.                       </li>
  223.                       <li class="drop has-children mazda-mx-5">
  224.                         <div class="model-wrapper">
  225.                           <a href="/car-accessoires/mazda-mx-5">
  226.                             <span>Mazda MX-5</span></a>
  227.                           <div class="model-years">
  228.                             <a href="/car-accessoires/mazda-mx-5">MX-5</a>
  229.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  230.                             <a href="/car-accessoires/mazda-mx-5-rf">MX-5 RF</a>
  231.                           </div>
  232.                         </div>
  233.                       </li>
  235.                       <li class="drop has-children mazda-mx-30">
  236.                         <div class="model-wrapper">
  237.                           <a href="/car-accessoires/mazda-mx-30">
  238.                             <span>Mazda MX-30</span></a>
  239.                           <div class="model-years">
  240.                             <a href="/car-accessoires/mazda-mx-30">2022</a>
  241.                           </div>
  242.                         </div>
  243.                       </li>
  245.                       <li class="drop has-children mazda-cx60">
  246.                         <div class="model-wrapper">
  247.                           <a href="/car-accessoires/mazda-cx-60">
  248.                             <span>Mazda CX-60</span></a>
  249.                           <div class="model-years">
  250.                             <a href="/car-accessoires/mazda-mx-30">2022</a>
  251.                           </div>
  252.                         </div>
  253.                       </li>
  254.                     </ul>
  255.                   </li>
  256.                 </ul>
  257.               {% endif %} 
  259.               {% if Settings.language.getLocale == 'de' %}
  260.                 <ul class="custom-nav key-nav_main">
  261.                 <li class="drop has-children auto-accessoires ">
  262.                   <a href="/auto-zubehor/">
  263.                     <span>Auto Zubehor&nbsp;<i class="fa fa-angle-down"></i></span></a>
  265.                     <ul class="has-parent sub dropdown depth-0">
  266.                       <li class="drop has-children mazda2 ">
  267.                         <div class="model-wrapper">
  268.                           <a href="/auto-zubehor/mazda2-2015">
  269.                             <span>Mazda2</span></a>
  270.                           <div class="model-years">
  271.                             <a href="/auto-zubehor/mazda2-2015">2015</a>
  272.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  273.                             <a href="/auto-zubehor/mazda2-2010">2010</a>
  274.                           </div>
  275.                         </div>
  276.                       </li>
  278.                       <li class="drop has-children mazda3 ">
  279.                         <div class="model-wrapper">
  280.                           <a href="/auto-zubehor/mazda3-2018">
  281.                             <span>Mazda3</span></a>
  282.                           <div class="model-years">
  283.                             <a href="/auto-zubehor/mazda3-2018">2018</a>
  284.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  285.                             <a href="/auto-zubehor/mazda3-2016">2016</a>
  286.                           </div>
  287.                         </div>
  288.                       </li>
  290.                       <li class="drop has-children mazda6 ">
  291.                         <div class="model-wrapper">
  292.                           <a href="/auto-zubehor/mazda6-2018">
  293.                             <span>Mazda6</span></a>
  294.                           <div class="model-years">
  295.                             <a href="/auto-zubehor/mazda6-2018">2018</a>
  296.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  297.                             <a href="/auto-zubehor/mazda6-2016">2016</a>
  298.                           </div>
  299.                         </div>
  300.                       </li>
  302.                       <li class="drop has-children mazda-cx3 ">
  303.                         <div class="model-wrapper">
  304.                           <a href="/auto-zubehor/mazda-cx-3-2018">
  305.                             <span>Mazda CX-3</span></a>
  306.                           <div class="model-years">
  307.                             <a href="/auto-zubehor/mazda-cx-3-2018">2018</a>
  308.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  309.                             <a href="/auto-zubehor/mazda-cx-3-2015">2015</a>
  310.                           </div>
  311.                         </div>
  312.                       </li>
  314.                       <li class="drop has-children mazda-cx30 ">
  315.                         <div class="model-wrapper">
  316.                           <a href="/auto-zubehor/mazda-cx-30">
  317.                             <span>Mazda CX-30</span></a>
  318.                           <div class="model-years">
  319.                             <a href="/auto-zubehor/mazda-cx-30">2019</a>
  320.                           </div>
  321.                         </div>
  322.                       </li>
  324.                       <li class="drop has-children mazda-cx5">
  325.                         <div class="model-wrapper">
  326.                           <a href="/auto-zubehor/mazda-cx-5-2017">
  327.                             <span>Mazda CX-5</span></a>
  328.                           <div class="model-years">
  329.                             <a href="/auto-zubehor/mazda-cx-5-2017">2017</a>
  330.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  331.                             <a href="/auto-zubehor/mazda-cx-5-2015">2015</a>
  332.                           </div>
  333.                         </div>
  334.                       </li>
  336.                       <li class="drop has-children mazda-mx-5">
  337.                         <div class="model-wrapper">
  338.                           <a href="/auto-zubehor/mazda-mx-5">
  339.                             <span>Mazda MX-5</span></a>
  340.                           <div class="model-years">
  341.                             <a href="/auto-zubehor/mazda-mx-5">MX-5</a>
  342.                             <a class="disabled" href="">&nbsp;|&nbsp;</a>
  343.                             <a href="/auto-zubehor/mazda-mx-5-rf">MX-5 RF</a>
  344.                           </div>
  345.                         </div>
  346.                       </li>
  348.                       <li class="drop has-children mazda-mx-30">
  349.                         <div class="model-wrapper">
  350.                           <a href="/auto-zubehor/mazda-mx-30">
  351.                             <span>Mazda MX-30</span></a>
  352.                           <div class="model-years">
  353.                             <a href="/auto-zubehor/mazda-mx-30">2022</a>
  354.                           </div>
  355.                         </div>
  356.                       </li>
  358.                       <li class="drop has-children mazda-cx60">
  359.                         <div class="model-wrapper">
  360.                           <a href="/auto-zubehor/mazda-cx-60">
  361.                             <span>Mazda CX-60</span></a>
  362.                           <div class="model-years">
  363.                             <a href="/auto-zubehor/mazda-mx-30">2022</a>
  364.                           </div>
  365.                         </div>
  366.                       </li>
  367.                     </ul>
  368.                   </li>
  369.                 </ul>
  370.               {% endif %}
  371.             </div>
  372.         {{ custom_navigation('nav_after') }}
  373.       </div>
  374.     </div>
  376.     <div class="float-right">
  377.       <div class="nav-container">
  378.         <div class="nav-main">
  379.           <div class="d-xl-none">
  380.             {# <div class="search-wrapper">
  381.               <div class="search">
  382.                 <form method="get" action="/zoeken" class="search-field">
  383.                   <input type="text" name="q" placeholder="Zoeken">
  384.                   <button type="submit"><i class="fa fa-search"></i></button>
  385.                 </form>
  386.               </div>
  387.             </div> #}
  389.             {# <h6>Menu</h6> #}
  390.              {{ custom_navigation('nav_before') }}
  391.              <div class="custom-nav-wrapper model-dropdown">
  392.                 {% if Settings.language.getLocale == 'nl' %}
  393.                   <ul class="custom-nav key-nav_main">
  394.                     <li class="drop has-children auto-accessoires ">
  395.                       <a href="/auto-accessoires">
  396.                         <span>Auto Accessoires&nbsp;<i class="fa fa-angle-down"></i></span></a>
  398.                       <ul class="has-parent sub dropdown depth-0">
  399.                         <li class="drop has-children mazda2 ">
  400.                           <div class="model-wrapper">
  401.                             <a href="/auto-accessoires/mazda2-2015">
  402.                               <span>Mazda2</span></a>
  403.                             <div class="model-years d-flex">
  404.                               <a href="/auto-accessoires/mazda2-2015">2015</a>
  405.                               <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>;
  406.                               <a href="/auto-accessoires/mazda2-2010">2010</a>
  407.                             </div>
  408.                           </div>
  409.                         </li>
  411.                         <li class="drop has-children mazda3 ">
  412.                           <div class="model-wrapper">
  413.                             <a href="/auto-accessoires/mazda3-2018">
  414.                               <span>Mazda3</span></a>
  415.                             <div class="model-years d-flex">
  416.                               <a href="/auto-accessoires/mazda3-2018">2018</a>
  417.                               <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>;
  418.                               <a href="/auto-accessoires/mazda3-2016">2016</a>
  419.                             </div>
  420.                           </div>
  421.                         </li>
  423.                         <li class="drop has-children mazda6 ">
  424.                           <div class="model-wrapper">
  425.                             <a href="/auto-accessoires/mazda6-2018">
  426.                               <span>Mazda6</span></a>
  427.                             <div class="model-years d-flex">
  428.                               <a href="/auto-accessoires/mazda6-2018">2018</a>
  429.                               <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>;
  430.                               <a href="/auto-accessoires/mazda6-2016">2016</a>
  431.                             </div>
  432.                           </div>
  433.                         </li>
  435.                         <li class="drop has-children mazda-cx3 ">
  436.                           <div class="model-wrapper">
  437.                             <a href="/auto-accessoires/mazda-cx-3-2018">
  438.                               <span>Mazda CX-3</span></a>
  439.                             <div class="model-years d-flex">
  440.                               <a href="/auto-accessoires/mazda-cx-3-2018">2018</a>
  441.                               <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>;
  442.                               <a href="/auto-accessoires/mazda-cx-3-2015">2015</a>
  443.                             </div>
  444.                           </div>
  445.                         </li>
  447.                         <li class="drop has-children mazda-cx30 ">
  448.                           <div class="model-wrapper">
  449.                             <a href="/auto-accessoires/mazda-cx-30">
  450.                               <span>Mazda CX-30</span></a>
  451.                             <div class="model-years">
  452.                               <a href="/auto-accessoires/mazda-cx-30">2019</a>
  453.                             </div>
  454.                           </div>
  455.                         </li>
  457.                         <li class="drop has-children mazda-cx5">
  458.                           <div class="model-wrapper">
  459.                             <a href="/auto-accessoires/mazda-cx-5-2017">
  460.                               <span>Mazda CX-5</span></a>
  461.                             <div class="model-years d-flex">
  462.                               <a href="/auto-accessoires/mazda-cx-5-2017">2017</a>
  463.                               <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>;
  464.                               <a href="/auto-accessoires/mazda-cx-5-2015">2015</a>
  465.                             </div>
  466.                           </div>
  467.                         </li>
  469.                         <li class="drop has-children mazda-mx-5">
  470.                           <div class="model-wrapper">
  471.                             <a href="/auto-accessoires/mazda-mx-5">
  472.                               <span>Mazda MX-5</span></a>
  473.                             <div class="model-years d-flex">
  474.                               <a href="/auto-accessoires/mazda-mx-5">MX-5</a>
  475.                               <a class="disabled" href=""><a class="disabled" href="">&nbsp;|&nbsp;</a></a>;
  476.                               <a href="/auto-accessoires/mazda-mx-5-rf">MX-5 RF</a>
  477.                             </div>
  478.                           </div>
  479.                         </li>
  481.                         <li class="drop has-children mazda-mx-30">
  482.                           <div class="model-wrapper">
  483.                             <a href="/auto-accessoires/mazda-mx-30">
  484.                               <span>Mazda MX-30</span></a>
  485.                             <div class="model-years">
  486.                               <a href="/auto-accessoires/mazda-mx-30">2022</a>
  487.                             </div>
  488.                           </div>
  489.                         </li>
  491.                         <li class="drop has-children mazda-cx60">
  492.                           <div class="model-wrapper">
  493.                             <a href="/auto-accessoires/mazda-cx-60">
  494.                               <span>Mazda CX-60</span></a>
  495.                             <div class="model-years">
  496.                               <a href="/auto-accessoires/mazda-mx-30">2022</a>
  497.                             </div>
  498.                           </div>
  499.                         </li>
  500.                       </ul>
  501.                     </li>
  502.                   </ul>
  503.                 {% endif %}
  504.                 {# {% if Settings.language.getLocale == 'gb' %}
  505.                   <ul class="custom-nav key-nav_main">
  506.                     <li class="drop has-children auto-accessoires ">
  507.                       <a href="/car-accessoires">
  508.                         <span>Car Accessoires&nbsp;<i class="fa fa-angle-down"></i></span></a>
  510.                       <ul class="has-parent sub dropdown depth-0">
  511.                         <li class="drop has-children mazda2 ">
  512.                           <div class="model-wrapper">
  513.                             <a href="/car-accessoires/mazda2-2015">
  514.                               <span>Mazda2</span></a>
  515.                             <div class="model-years">
  516.                               <a href="/car-accessoires/mazda2-2015">2015</a>
  517.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  518.                               <a href="/car-accessoires/mazda2-2010">2010</a>
  519.                             </div>
  520.                           </div>
  521.                         </li>
  523.                         <li class="drop has-children mazda3 ">
  524.                           <div class="model-wrapper">
  525.                             <a href="/car-accessoires/mazda3-2018">
  526.                               <span>Mazda3</span></a>
  527.                             <div class="model-years">
  528.                               <a href="/car-accessoires/mazda3-2018">2018</a>
  529.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  530.                               <a href="/car-accessoires/mazda3-2016">2016</a>
  531.                             </div>
  532.                           </div>
  533.                         </li>
  535.                         <li class="drop has-children mazda6 ">
  536.                           <div class="model-wrapper">
  537.                             <a href="/car-accessoires/mazda6-2018">
  538.                               <span>Mazda6</span></a>
  539.                             <div class="model-years">
  540.                               <a href="/car-accessoires/mazda6-2018">2018</a>
  541.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  542.                               <a href="/car-accessoires/mazda6-2016">2016</a>
  543.                             </div>
  544.                           </div>
  545.                         </li>
  547.                         <li class="drop has-children mazda-cx3 ">
  548.                           <div class="model-wrapper">
  549.                             <a href="/car-accessoires/mazda-cx-3-2018">
  550.                               <span>Mazda CX-3</span></a>
  551.                             <div class="model-years">
  552.                               <a href="/car-accessoires/mazda-cx-3-2018">2018</a>
  553.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  554.                               <a href="/car-accessoires/mazda-cx-3-2015">2015</a>
  555.                             </div>
  556.                           </div>
  557.                         </li>
  559.                         <li class="drop has-children mazda-cx30 ">
  560.                           <div class="model-wrapper">
  561.                             <a href="/car-accessoires/mazda-cx-30">
  562.                               <span>Mazda CX-30</span></a>
  563.                             <div class="model-years">
  564.                               <a href="/car-accessoires/mazda-cx-30">2019</a>
  565.                             </div>
  566.                           </div>
  567.                         </li>
  569.                         <li class="drop has-children mazda-cx5">
  570.                           <div class="model-wrapper">
  571.                             <a href="/car-accessoires/mazda-cx-5-2017">
  572.                               <span>Mazda CX-5</span></a>
  573.                             <div class="model-years">
  574.                               <a href="/car-accessoires/mazda-cx-5-2017">2017</a>
  575.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  576.                               <a href="/car-accessoires/mazda-cx-5-2015">2015</a>
  577.                             </div>
  578.                           </div>
  579.                         </li>
  581.                         <li class="drop has-children mazda-mx-5">
  582.                           <div class="model-wrapper">
  583.                             <a href="/car-accessoires/mazda-mx-5">
  584.                               <span>Mazda MX-5</span></a>
  585.                             <div class="model-years">
  586.                               <a href="/car-accessoires/mazda-mx-5">MX-5</a>
  587.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  588.                               <a href="/car-accessoires/mazda-mx-5-rf">MX-5 RF</a>
  589.                             </div>
  590.                           </div>
  591.                         </li>
  593.                         <li class="drop has-children mazda-mx-30">
  594.                           <div class="model-wrapper">
  595.                             <a href="/car-accessoires/mazda-mx-30">
  596.                               <span>Mazda MX-30</span></a>
  597.                             <div class="model-years">
  598.                               <a href="/car-accessoires/mazda-mx-30">2022</a>
  599.                             </div>
  600.                           </div>
  601.                         </li>
  603.                         <li class="drop has-children mazda-cx60">
  604.                           <div class="model-wrapper">
  605.                             <a href="/car-accessoires/mazda-cx-60">
  606.                               <span>Mazda CX-60</span></a>
  607.                             <div class="model-years">
  608.                               <a href="/car-accessoires/mazda-mx-30">2022</a>
  609.                             </div>
  610.                           </div>
  611.                         </li>
  612.                       </ul>
  613.                     </li>
  614.                   </ul>
  615.                 {% endif %}
  616.                 {% if Settings.language.getLocale == 'de' %}
  617.                   <ul class="custom-nav key-nav_main">
  618.                   <li class="drop has-children auto-accessoires ">
  619.                     <a href="/auto-zubehor/">
  620.                       <span>Auto Zubehor&nbsp;<i class="fa fa-angle-down"></i></span></a>
  622.                       <ul class="has-parent sub dropdown depth-0">
  623.                         <li class="drop has-children mazda2 ">
  624.                           <div class="model-wrapper">
  625.                             <a href="/auto-zubehor/mazda2-2015">
  626.                               <span>Mazda2</span></a>
  627.                             <div class="model-years">
  628.                               <a href="/auto-zubehor/mazda2-2015">2015</a>
  629.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  630.                               <a href="/auto-zubehor/mazda2-2010">2010</a>
  631.                             </div>
  632.                           </div>
  633.                         </li>
  635.                         <li class="drop has-children mazda3 ">
  636.                           <div class="model-wrapper">
  637.                             <a href="/auto-zubehor/mazda3-2018">
  638.                               <span>Mazda3</span></a>
  639.                             <div class="model-years">
  640.                               <a href="/auto-zubehor/mazda3-2018">2018</a>
  641.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  642.                               <a href="/auto-zubehor/mazda3-2016">2016</a>
  643.                             </div>
  644.                           </div>
  645.                         </li>
  647.                         <li class="drop has-children mazda6 ">
  648.                           <div class="model-wrapper">
  649.                             <a href="/auto-zubehor/mazda6-2018">
  650.                               <span>Mazda6</span></a>
  651.                             <div class="model-years">
  652.                               <a href="/auto-zubehor/mazda6-2018">2018</a>
  653.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  654.                               <a href="/auto-zubehor/mazda6-2016">2016</a>
  655.                             </div>
  656.                           </div>
  657.                         </li>
  659.                         <li class="drop has-children mazda-cx3 ">
  660.                           <div class="model-wrapper">
  661.                             <a href="/auto-zubehor/mazda-cx-3-2018">
  662.                               <span>Mazda CX-3</span></a>
  663.                             <div class="model-years">
  664.                               <a href="/auto-zubehor/mazda-cx-3-2018">2018</a>
  665.                               <span><a class="disabled" href="">&nbsp;|&nbsp;</a></span>
  666.                               <a href="/auto-zubehor/mazda-cx-3-2015">2015</a>
  667.                             </div>
  668.                           </div>
  669.                         </li>
  671.                         <li class="drop has-children mazda-cx30 ">
  672.                           <div class="model-wrapper">
  673.                             <a href="/auto-zubehor/mazda-cx-30">
  674.                               <span>Mazda CX-30</span></a>
  675.                             <div class="model-years">
  676.                               <a href="/auto-zubehor/mazda-cx-30">2019</a>
  677.                             </div>
  678.                           </div>
  679.                         </li>
  681.                         <li class="drop has-children mazda-cx5">
  682.                           <div class="model-wrapper">
  683.                             <a href="/auto-zubehor/mazda-cx-5-2017">
  684.                               <span>Mazda CX-5</span></a>
  685.                             <div class="model-years">
  686.                               <a href="/auto-zubehor/mazda-cx-5-2017">2017</a>
  687.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  688.                               <a href="/auto-zubehor/mazda-cx-5-2015">2015</a>
  689.                             </div>
  690.                           </div>
  691.                         </li>
  693.                         <li class="drop has-children mazda-mx-5">
  694.                           <div class="model-wrapper">
  695.                             <a href="/auto-zubehor/mazda-mx-5">
  696.                               <span>Mazda MX-5</span></a>
  697.                             <div class="model-years">
  698.                               <a href="/auto-zubehor/mazda-mx-5">MX-5</a>
  699.                               <a class="disabled" href="">&nbsp;|&nbsp;</a>
  700.                               <a href="/auto-zubehor/mazda-mx-5-rf">MX-5 RF</a>
  701.                             </div>
  702.                           </div>
  703.                         </li>
  705.                         <li class="drop has-children mazda-mx-30">
  706.                           <div class="model-wrapper">
  707.                             <a href="/auto-zubehor/mazda-mx-30">
  708.                               <span>Mazda MX-30</span></a>
  709.                             <div class="model-years">
  710.                               <a href="/auto-zubehor/mazda-mx-30">2022</a>
  711.                             </div>
  712.                           </div>
  713.                         </li>
  715.                         <li class="drop has-children mazda-cx60">
  716.                           <div class="model-wrapper">
  717.                             <a href="/auto-zubehor/mazda-cx-60">
  718.                               <span>Mazda CX-60</span></a>
  719.                             <div class="model-years">
  720.                               <a href="/auto-zubehor/mazda-mx-30">2022</a>
  721.                             </div>
  722.                           </div>
  723.                         </li>
  724.                       </ul>
  725.                     </li>
  726.                   </ul>
  727.                 {% endif %} #}
  728.             </div>
  729.              {{ custom_navigation('nav_after') }}
  730.             {# <ul class="nav">
  731.               {{ cms_navigation('', '', 0) }}
  732.             </ul> #}
  733.           </div>
  736.           <h6 class="d-xl-none">{{'Mijn account'|trans}}</h6>
  737.           <div class="d-none d-xl-inline-block">
  738.             <div class="nav-buttons">
  739.               {% if app.user %}
  740.                 <a class="dropdown-toggle" id="account-dropdown" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
  741.                   <i class="far fa-user"></i>
  742.                 </a>
  743.                 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="account-dropdown">
  744.                   {{ custom_navigation('my-account', '', false) }}
  745.                 </ul>
  746.               {% else %}
  747.                 <a href="/mijn-account">
  748.                   <i class="far fa-user"></i>
  749.                 </a>
  750.               {% endif %}
  751.             </div>
  752.           </div>
  754.           <div class="d-xl-none">
  755.             {% if app.user %}
  756.               {{ custom_navigation('my-account') }}
  757.             {% else %}
  758.             <ul class="nav">
  759.               <li>
  760.                 <a href="/mijn-account">
  761.                   {{'Inloggen / Registreren'|trans}}
  762.                 </a>
  763.               </li>
  764.             </ul>
  765.             {% endif %}
  766.           </div>
  767.         </div>
  769.         {% if webshop_enabled is defined and webshop_enabled %}
  770.           <div class="nav-webshop">
  771.             <ul class="nav">
  772.               {{ webshop_cart('<li>', '</li>') }}
  773.             </ul>
  774.           </div>
  775.         {% endif %}
  777.         {# <div class="search-wrapper d-none d-xl-inline-block">
  778.           <div class="search">
  779.             <form method="get" action="/zoeken" class="search-field">
  780.               <input type="text" name="q" placeholder="Zoeken">
  781.               <button type="submit"><i class="fa fa-search"></i></button>
  782.             </form>
  783.           </div>
  784.         </div> #}
  785.       </div>
  786.     </div>
  787.   </div>
  788. </section>
  790. <script>
  791.   var xhr = new XMLHttpRequest();
  792.   xhr.onreadystatechange = function (r) {
  793.       if (xhr.readyState !== 4) return;
  794.       if (xhr.status >= 200 && xhr.status < 300) {
  795.       let users = document.querySelectorAll('.user-login');
  796.       let guests = document.querySelectorAll('.user-guest');
  797.           if(JSON.parse(xhr.response).logged_in){
  798.         for(let i = 0; i < guests.length; i++){
  799.           guests[i].classList.add('hidden');
  800.         }
  801.         for(let i = 0; i < users.length; i++){
  802.           users[i].classList.remove('hidden');
  803.         }
  804.       }else{
  805.         for(let i = 0; i < guests.length; i++){
  806.           guests[i].classList.remove('hidden');
  807.         }
  808.         for(let i = 0; i < users.length; i++){
  809.           users[i].classList.add('hidden');
  810.         }
  811.       }
  812.       }
  813.   };
  815.   xhr.open('GET', '{{path('nav_account')}}');
  816.   xhr.send();
  817. </script>