templates/partials/header.html.twig line 1

Open in your IDE?
  1. <div class="preloader">
  2.     <div class="preloader-content">
  3.         <span></span>
  4.         <span></span>
  5.         <span></span>
  6.     </div>
  7. </div>
  9. <header class="header_wrap fixed-top header_with_topbar">
  10.     <div class="top-header">
  11.         <div class="container">
  12.             <div class="row align-items-center">
  13.                 <div class="col-md-6">
  14.                     <div class="d-flex align-items-center justify-content-center justify-content-md-start">
  15.                         <div class="lng_dropdown mr-2">
  16.                             <select name="countries" class="custome_select" onchange="window.location.assign(this.value) ">
  17.                                 {% if app.request.locale == 'en'  %}
  18.                                     <option value="{{ path('locale_langue',{_locale:'en','_routeName': app.request.attributes.get("_route")}) }}" data-image="/assets/images/us.png" data-title="English" >English</option>
  19.                                     <option value="{{ path('locale_langue',{_locale:'fr','_routeName': app.request.attributes.get("_route")}) }}" data-image="/assets/images/fn.png" data-title="France">Francais</option>
  20.                                 {% elseif app.request.locale == 'fr' %}
  21.                                     <option value="{{ path('locale_langue',{_locale:'fr','_routeName': app.request.attributes.get("_route")}) }}" data-image="/assets/images/fn.png" data-title="France">Francais</option>
  22.                                     <option value="{{ path('locale_langue',{_locale:'en','_routeName': app.request.attributes.get("_route")}) }}" data-image="/assets/images/us.png" data-title="English">English</option>
  23.                                 {% else %}
  24.                                     <option value="{{ path('locale_langue',{_locale:'fr','_routeName': app.request.attributes.get("_route")}) }}" data-image="/assets/images/fn.png" data-title="France">Francais</option>
  25.                                     <option value="{{ path('locale_langue',{_locale:'en','_routeName': app.request.attributes.get("_route")}) }}" data-image="/assets/images/us.png" data-title="English">English</option>
  26.                                 {% endif %}
  27.                             </select>
  28.                         </div>
  29.                         <div class="mr-3 d-none">
  30.                             <select name="countries" class="custome_select" onchange="window.location.assign(this.value) ">
  31.                                 {% if app.session.get('devise') == '$'  %}
  32.                                     <option value="{{ path('locale_devise',{_devise:'USD','_routeName': app.request.attributes.get("_route")}) }}" data-title="USD">USD</option>
  33.                                     <option value="{{ path('locale_devise',{_devise:'RMB','_routeName': app.request.attributes.get("_route")}) }}" data-title="RMB">RMB</option>
  34.                                 {% else  %}
  35.                                     <option value="{{ path('locale_devise',{_devise:'RMB','_routeName': app.request.attributes.get("_route")}) }}" data-title="RMB">RMB</option>
  36.                                     <option value="{{ path('locale_devise',{_devise:'USD','_routeName': app.request.attributes.get("_route")}) }}" data-title="USD">USD</option>
  37.                                 {% endif %}
  38.                             </select>
  39.                         </div>
  40.                         <ul class="contact_detail text-center text-lg-left">
  41.                             <li><i class="ti-mobile"></i><span>+861-354-449-2960</span></li>
  42.                         </ul>
  43.                     </div>
  44.                 </div>
  45.                 <div class="col-md-6">
  46.                     <div class="text-center text-md-right">
  47.                         <ul class="header_list">
  48.                             <li class="d-none"><a href=""><i class="ti-control-shuffle"></i><span></span></a></li>
  49.                             <li class="d-none"><a href=""><i class="ti-heart"></i><span>{{ 'Wishlist'|trans }}</span></a></li>
  50.                            {% if app.user %}
  51.                                <li><a href="{{ path('app_roles_redirect') }}"><i class="ti-clipboard"></i><span>{{ 'account'|trans }}</span></a></li>
  52.                                <li><a href="{{ path('app_logout') }}"><i class="ti-zoom-out"></i><span>{{ 'Logout'|trans }}</span></a></li>
  53.                                <li><a href="{{ path('admin.profil.user.simple',{'id':app.user.id}) }}"><span>{{ app.user.username }} &nbsp;&nbsp;<img class="img-rounded img-thumbnail" src="{{ asset('assets/uploads/user/'~app.user.profilImage) }}"  style="width:45px;border-radius: 50%;"> </span></a></li>
  54.                            {% else %}
  55.                                 <li><a href="{{ path('app_login') }}"><i class="ti-loop"></i><span>{{ 'Login'|trans }}</span></a></li>
  56.                                 <li class="d-none"><a href="{{ path('app_register') }}"><i class="linearicons-register"></i><span>{{ 'register'|trans }}</span></a></li>
  57.                             {% endif %}
  58.                         </ul>
  59.                     </div>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.     </div>
  64.     <div class="bottom_header dark_skin main_menu_uppercase">
  65.         <div class="container">
  66.             <nav class="navbar navbar-expand-lg">
  67.                 {% if app.request.locale == 'en' %}
  68.                     <a class="navbar-brand" href="{{ path('home') }}">
  69.                         <img class="logo_light" width="100"   src="/assets/images/logo_sokoAfi_white_en-min.PNG" alt="logo" />
  70.                         <img class="logo_dark" width="200" src="/assets/images/logo_sokoAfi_white_en-min.PNG" alt="logo" />
  71.                     </a>
  72.                 {% elseif app.request.locale == 'fr' %}
  73.                     <a class="navbar-brand" href="{{ path('home') }}">
  74.                         <img class="logo_light" width="100"   src="/assets/images/logo_sokoAfi_white_fr-min.PNG" alt="logo" />
  75.                         <img class="logo_dark" width="200" src="/assets/images/logo_sokoAfi_white_fr-min.PNG" alt="logo" />
  76.                     </a>
  77.                 {% else %}
  78.                     <a class="navbar-brand" href="{{ path('home') }}">
  79.                         <img class="logo_light" width="100"   src="/assets/images/logo_sokoAfi_white_en-min.PNG" alt="logo" />
  80.                         <img class="logo_dark" width="200" src="/assets/images/logo_sokoAfi_white_en-min.PNG" alt="logo" />
  81.                     </a>
  82.                 {% endif %}
  83.                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-expanded="false">
  84.                     <span class="ion-android-menu"></span>
  85.                 </button>
  86.                 <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
  87.                     <ul class="navbar-nav  font-weight-bold-ul">
  88.                         {% if app.request.attributes.get("_route") != 'home' %}
  89.                             <li class="dropdown">
  90.                                 <a  class="nav-link font-weight-bold" href="{{ path('home') }}">{{ 'Home'|trans }}</a>
  91.                             </li>
  92.                         {% endif %}
  93.                         <li class="">
  94.                             <a class="nav-link font-weight-bold" href="{{ path('mymarket_list') }}" >{{ 'Markets'|trans }}</a>
  95.                         </li>
  96.                         <li class="">
  97.                             <a class=" nav-link font-weight-bold" href="{{ path('shop') }}" >{{ 'Shop'|trans }}</a>
  98.                         </li>
  99.                         <li><a class="nav-link nav_item font-weight-bold" href="{{ path('contact_locale') }}">{{ 'Contact Us'|trans }}</a></li>
  100.                     </ul>
  101.                 </div>
  102.                 <ul class="navbar-nav attr-nav align-items-center">
  103.                     <li><a href="javascript:void(0);" class="nav-link search_trigger"><i class="linearicons-magnifier"></i></a>
  104.                         <div class="search_wrap">
  105.                             <span class="close-search"><i class="ion-ios-close-empty"></i></span>
  106.                            <div class="container badge-light p-5">
  107.                                {{ render(path('shop_header_product_search')) }}
  108.                            </div>
  109.                         </div><div class="search_overlay"></div>
  110.                     </li>
  111.                     <li class="dropdown cart_dropdown">
  112.                         <a class="nav-link cart_trigger flyCart" href="#" data-toggle="dropdown">
  113.                             <i class="linearicons-cart"></i><span class="cart_count">
  114.                                 {% if app.session.get('cart') %}
  115.                                     {{ app.session.get('cartData').data.quantity_cart }}
  116.                                 {% else %}
  117.                                     {{ 0 }}
  118.                                 {% endif %}
  119.                             </span>
  120.                         </a>
  121.                         <div class="cart_box dropdown-menu dropdown-menu-right" id="template_cart">
  122.                             <ul class="cart_list">
  123.                                 {% if app.session.get('cart') %}
  125.                                 {% for element in app.session.get('cartData').products %}
  126.                                     <li class="Cart_ligne{{ element.product.id }}">
  127.                                         <a href="{{ path('cart_deleteAllToCart',{'id':element.product.id}) }}" class="item_remove"><i class="ion-close"></i></a>
  128.                                         <a href="{{ path('product_details',{'slug':element.product.slug}) }}"><img src="/assets/uploads/products/{{ element.product.image }}" alt="{{ element.product.name }}">{{ element.product.name }}</a>
  129.                                         <span class="cart_quantity"> <span id="cart_quantity{{ element.product.id }}">{{ element.quantity }}</span> x <span class="cart_amount"> <span class="price_symbole">$ </span></span><span id="cart_price{{ element.product.id }}">{{ element.product.price }}</span></span>
  130.                                     </li>
  132.                                 {% endfor %}
  133.                             </ul>
  134.                             <div class="cart_footer">
  135.                                 <p class="cart_total"><strong> {{ 'Subtotal TTC'|trans }} :</strong> <span class="cart_price"> <span class="price_symbole">$</span></span><span id="subtotalTTCjs">{{ app.session.get('cartData').data.subTotalTTC }}</span></p>
  136.                                 <p class="cart_buttons">
  137.                                     {% if is_cart is not defined %}
  138.                                     <a href="{{ path('cart') }}" class="btn btn-fill-line rounded-0 view-cart">{{ 'View Cart'|trans }}</a>
  139.                                     {% endif %}
  140.                                     <a href="{{ path('checkout') }}" class="btn btn-fill-out rounded-0 checkout">{{ 'Checkout'|trans }}</a>
  141.                                 </p>
  142.                             </div>
  143.                             {% else %}
  144.                                 <div class="font-weight-bold text-dark text-center"><i class="fa fa-cart-arrow-down"></i></div>
  145.                                 <div class="font-weight-bold text-dark text-center">{{ 'Your cart is empty'|trans }}</div>
  146.                             {% endif %}
  147.                         </div>
  148.                     </li>
  149.                 </ul>
  150.             </nav>
  151.         </div>
  152.     </div>
  153.     {% if app.user %}
  154.         {% if app.user.isVerified == false %}
  155.             <div class="alert alert-warning text-center">
  156.                 {{ 'Check your account'|trans }} {{ app.user.email }}   {{ 'and confirm your email'|trans }}. {{ "If you don't receive an email please check your spam folder or"|trans }} <a href="{{ path('app_register_resend_email',{'id':app.user.id}) }}">{{ 'try again'|trans }}</a>
  157.             </div>
  158.         {% endif %}
  159.     {% endif %}
  160.     {% if messageInfo is defined %}
  161.         <div class="alert alert-warning text-center">
  162.             {{ 'Hi mr' }} <small class="text-danger">{{ app.user.username }}</small> {{ messageInfo|trans }} / <a href="{{ path('contact_locale') }}"> {{ 'Customer service '|trans }}</a>
  163.         </div>
  164.     {% endif %}
  165. </header>