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