templates/sideBar.html.twig line 1

Open in your IDE?
  1. <div class="col-lg-2">
  2.     <div class="list-group category">
  3.         <div class="row">
  4.             <div class="col-12">
  5.                 <form {% if family is defined %} action="{{ familyPath|replace({'family.id': family.id})  }}" {% elseif category is defined %} action="{{ categoryPath|replace({'category.id': category.id})  }}" {% else %} action="{{ homePath }}" {% endif %}>
  6.                     <div class="row">
  7.                         <div class="col-2 pt-1">
  8.                             <button class="btn icon-search" type="submit"></button>
  9.                         </div>
  10.                         <div class="col-10">
  11.                             <input class="form-control" name="search" type="search"
  12.                                    placeholder="{% if app.request.get('search') %}{{ app.request.get('search') }}{% else %}Vous cherchez un produit ?{% endif %}"
  13.                                    aria-label="Search">
  14.                         </div>
  15.                     </div>
  16.                 </form>
  17.                 <div class="row mt-3">
  18.                     <div class="col-md-6 text-center">
  19.                         <div class="form-check form-check-inline">
  20.                             <input class="form-check-input radioColor" type="radio" name="radioBulk" id="radioBulk"
  21.                                    value="1" onchange="changeFilter(1)">
  22.                             <label class="form-check-label" for="radioBulk">En vrac</label>
  23.                         </div>
  24.                     </div>
  25.                     <div class="col-md-6 text-center">
  26.                         <div class="form-check form-check-inline">
  27.                             <input class="form-check-input radioColor" type="radio" name="radioPrePackaged"
  28.                                    id="radioPrePackaged" value="2" onchange="changeFilter(2)">
  29.                             <label class="form-check-label" for="radioPrePackaged">Pré-emballé</label>
  30.                         </div>
  31.                     </div>
  32.                 </div>
  33.             </div>
  34.         </div>
  35.         <div id="accordion" class="mt-4">
  36.             <div class="row">
  37.                 <div class="col-10">
  38.                     <h3>Notre gamme</h3>
  39.                     <div class="underline mb-2"></div>
  40.                 </div>
  41.                 <div class="col-2" id="navi">
  42.                     <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"
  43.                             aria-expanded="true" aria-controls="collapseOne">
  44.                         <i class="fas fa-chevron-down" id="icon" style="color: #f6c9c8"></i>
  45.                     </button>
  46.                 </div>
  47.             </div>
  48.             <div id="collapseOne"
  49.                  class="collapse {% if currentRoute != path('order') and currentRoute != path('archivedOrder') and currentRoute != path('document') %} show {% endif %} linkFamily"
  50.                  aria-labelledby="headingOne" id="collapseFamily"
  51.                  data-parent="#accordion">
  52.                 {% for category in categories %}
  53.                     <a href="{{ categoryPath|replace({'category.id': category.id})  }}"
  54.                        class="list-group-item {% if categorySelect is defined and categorySelect.id == category.id %} activeFamily {% endif %}">
  55.                         {% if category.image %}
  56.                             <img class="imgFamily rounded" src="/image/category/{{ category.image }}"
  57.                                  alt="categoryImage{{ category.image }}">
  58.                         {% endif %}
  59.                         &nbsp; {{ category.name }}
  60.                     </a>
  61.                 {% endfor %}
  62.                 {% for family in families %}
  63.                     <a href="{{ familyPath|replace({'family.id': family.id})  }}"
  64.                        class="list-group-item {% if familySelect is defined and familySelect.id == family.id %} activeFamily {% endif %}">
  65.                         {% if family.image %}
  66.                             <img class="imgFamily rounded" src="/image/family/{{ family.image }}"
  67.                                  alt="familyImage{{ family.image }}">
  68.                         {% endif %}
  69.                         &nbsp; {{ family.name }}
  70.                     </a>
  71.                 {% endfor %}
  72.             </div>
  73.         </div>
  74.         <div id="accordionTwo" class="mt-4">
  75.             <div class="row">
  76.                 <div class="col-10">
  77.                     <h3>Mon compte</h3>
  78.                     <div class="underline mb-2"></div>
  79.                 </div>
  80.                 <div class="col-2" id="naviTwo">
  81.                     <button class="btn btn-link" data-toggle="collapse" data-target="#collapseTwo"
  82.                             aria-expanded="true" aria-controls="collapseTwo">
  83.                         <i class="fas fa-chevron-down" id="icon" style="color: #f6c9c8"></i>
  84.                     </button>
  85.                 </div>
  86.             </div>
  87.             <div id="collapseTwo" class="collapse show linkFamily" style="text-align: left!important;;"
  88.                  aria-labelledby="headingTwo"
  89.                  data-parent="#accordionTwo">
  90.                 {% if app.user %}
  91.                     <a class="btn list-group-item {% if currentRoute == path('order') %} bold activeFamily {% endif %}"
  92.                        href="{{ path('order') }}">
  93.                         <img alt='icon-cart-negative' class="icon-cart-negative"
  94.                              src="{{ asset('design/icon/iconCartNegative.svg') }}">
  95.                         &nbsp;Mon panier
  96.                     </a>
  97.                     <a class="btn list-group-item {% if currentRoute == path('archivedOrder') %} bold activeFamily {% endif %}"
  98.                        href="{{ path('archivedOrder') }}">
  99.                         <img alt='icon-archive' class="icon-archive" src="{{ asset('design/icon/iconArchive.svg') }}">
  100.                         &nbsp;Historique des commandes
  101.                     </a>
  102.                     {% if matrix %}
  103.                         <button class="btn list-group-item" data-toggle="modal" data-target="#matrixModal">
  104.                             <img alt='icon-matrix' class="icon-matrix"
  105.                                  src="{{ asset('design/icon/iconMatrix.svg') }}">
  106.                             &nbsp;{{ "matrix.title"|trans }}
  107.                         </button>
  108.                     {% endif %}
  109.                     <a class="btn list-group-item {% if currentRoute == path('document') %} bold activeFamily {% endif %}"
  110.                        href="{{ path('document') }}">
  111.                         <img alt='icon-document-positive' class="icon-document-positive"
  112.                              src="{{ asset('design/icon/iconDocumentPositive.svg') }}">
  113.                         &nbsp;Mes documents
  114.                     </a>
  115.                     <a class="btn list-group-item" href="{{ path('app_logout') }}">
  116.                         <img alt='icon-logout-negative' class="icon-logout-negative"
  117.                              src="{{ asset('design/icon/iconLogoutNegative.svg') }}">
  118.                         &nbsp;Me déconnecter
  119.                     </a>
  120.                 {% else %}
  121.                     <a class="btn list-group-item" href="{{ path('login') }}">
  122.                         <img alt='icon-profile-negative' class="icon-profile-negative"
  123.                              src="{{ asset('design/icon/iconProfileNegative.svg') }}">
  124.                         &nbsp;Me connecter
  125.                     </a>
  126.                     <a class="btn list-group-item" href="{{ path('login') }}">
  127.                         <img alt='icon-access-negative' class="icon-access-negative"
  128.                              src="{{ asset('design/icon/iconAccessNegative.svg') }}">
  129.                         &nbsp;Demander un accès
  130.                     </a>
  131.                 {% endif %}
  132.                 <a class="btn list-group-item" href="#footer">
  133.                     <img alt='icon-contact' class="icon-contact"
  134.                          src="{{ asset('design/icon/iconContact.svg') }}">
  135.                     &nbsp;Contactez-nous
  136.                 </a>
  137.             </div>
  138.         </div>
  139.     </div>
  140. </div>