templates/base-default/header-client.html.twig line 1

Open in your IDE?
  1. {% set route_name = app.request.attributes.get('_route') %}
  2. {% set route_params = app.request.attributes.get('_route_params') %}
  3. <header class="main-header">
  4.     <div class="header-top fl-wrap">
  5.         <div class="container">
  6.             <div class="logo-holder">
  7.                 <a href="{{ url('app_client_home') }}">
  8.                     <h2 class="brand-text">
  9.                         <span class="brand-logo" style="font-weight: bold; font-size: 1.5rem; color: #f89800">
  10.                             <i class="fas fa-bus"></i>
  11.                         </span>
  12.                         <span style="color: #3496d8; font-weight: bold; font-size: 1.5rem">RYV</span><span style="color: #fff; font-weight: bold; font-size: 1.5rem">UP</span>
  13.                     </h2>
  14.                 </a>
  15.             </div>
  16.             {% if is_granted('ROLE_CLIENT') %}
  17.                 <a href="#" class="add-hotel">Demander un devis <span><i class="far fa-calculator"></i></span></a>                     
  18.             {% else %}
  19.             <a href="#" class="add-hotel show-search-button-out"><span>Rechecher</span> <i class="far fa-search"></i></a>                                     
  20.             {% endif %}
  21.             <div class="show-reg-form">
  22.                 {% if is_granted('ROLE_CLIENT') %}
  23.                     <a href="#" class="text-white"> 
  24.                         <i class="fas fa-handshake"></i> Bonjour <span class="header-text-seconnecter-in"> {% if (app.user.firstname ~ ' ' ~ app.user.lastname)|length < 17 %}{{ app.user.firstname ~ ' ' ~ app.user.lastname }}{% elseif app.user.firstname|length < 17 %}{{ app.user.firstname }}{% elseif app.user.lastname|length < 17 %}{{ app.user.lastname }}{% else %}{{ (app.user.firstname ~ ' ' ~ app.user.lastname)|slice(0,15) }}.{% endif %}</span>
  25.                     </a>
  26.                 {% else %}
  27.                     <a href="{{ url('app_front_login') }}" class="text-white btn-login-client"> 
  28.                         <i class="fa fa-sign-in"></i> <span class="header-text-seconnecter {% if route_name starts with 'app_front_login' %}active{% endif %}"> Se connecter </span> 
  29.                     </a>
  30.                 {% endif %}
  31.             </div>
  32.             <div class="lang-wrap">
  33.                 <div class="show-lang"><img src="{{ asset('front/images/lan/2.png') }}" alt=""> <span>Fr</span><i class="fa fa-caret-down"></i></div>
  34.                 <ul class="lang-tooltip green-bg">
  35.                     <li><a href="#"><img src="{{ asset('front/images/lan/1.png') }}" alt=""> Eng</a></li>
  36.                 </ul>
  37.             </div>
  38.             {% if is_granted('ROLE_CLIENT') %}
  39.             <div class="currency-wrap">
  40.                 <div class="show-currency-tooltip">
  41.                     <span class="text-theme-orange mr-1 text-uppercase">{{ app.user.creditBalance | number_format(2, ',', ' ') }} Crédit(s) </span>
  42.                     <span class="text-white text-uppercase mr-1"> Restant</span>
  43.                     <a href="{{ url('app_client_credit_reload') }}" class="text-uppercase btn-recharger">Recharger</a>
  44.                 </div>
  45.             </div>
  46.             {% endif %}
  47.         </div>
  48.     </div>
  50.     <div class="header-inner fl-wrap">
  51.         <div class="container">
  52.             {% if is_granted('ROLE_CLIENT') %}
  53.             <div class="show-search-button"><span>Rechercher</span> <i class="fas fa-search"></i></div>
  54.             {% else %}
  55.             <div class="show-search-button max-view-540px"><i class="fas fa-search"></i></div>
  56.             {% endif %}
  57.             {% if is_granted('ROLE_CLIENT') %}
  58.             <div class="wishlist-link"><i class="fas fa-bell"></i><span class="wl_counter">0</span></div>
  59.                 <div class="header-user-menu">
  60.                     <div class="header-user-name">
  61.                         <span>
  62.                             {% if app.user.client %}
  63.                                 {% if app.user.avatar %}
  64.                                 <img src="{{ asset('uploads/files/user/avatar/' ~ app.user.avatar) }}" alt="{{ app.user.firstname ~' '~ app.user.lastname }}">
  65.                                 {% else %}
  66.                                 <img src="{{ asset('front/images/avatar/1.jpg') }}" alt="{{ app.user.firstname ~' '~ app.user.lastname }}">
  67.                                 {% endif %}
  68.                             {% else %}
  69.                                 <img src="{{ asset('front/images/avatar/1.jpg') }}" alt="{{ app.user.firstname ~' '~ app.user.lastname }}">
  70.                             {% endif %}
  71.                         </span>
  72.                         Mon compte
  73.                     </div>
  74.                     <ul>
  75.                         <li class="{% if route_name starts with 'app_client_account_profile' %}active{% endif %}"><a href="{{ url('app_client_account_profile') }}"> Profil</a></li>
  76.                         <li><a href="#"> Messages </a></li>
  77.                         <li  class="{% if route_name starts with 'app_client_devis_all' %}active{% endif %}"><a href="{{ url('app_client_devis_all') }}"> Mes devis </a></li>
  78.                         <li><a href="#"> Mes avis </a></li>
  79.                         <li class="{% if route_name starts with 'app_client_credit_transactions' %}active{% endif %}"><a href="{{ url('app_client_credit_transactions') }}"> Mes transactions </a></li>
  80.                         {# {% if app.user %}
  81.                             {% if app.user.client %}
  82.                                 {% if app.user.client.collaborateurAccount|length > 0 %} #}
  83.                                     <li class="dropdown-divider"><a href="#"> Espace collaborateur </a></li>
  84.                                 {# {% endif %}
  85.                             {% endif %}
  86.                         {% endif %} #}                       
  87.                         <li class="dropdown-divider pt-8px"><a href="{{ url('app_front_logout') }}"><i class="far fa-sign-out"></i> Se déconnecter </a></li>
  88.                     </ul>
  89.                 </div>
  90.             {% endif %}
  92.             <div class="home-btn"><a href="{{ url('app_client_home') }}"><i class="fas fa-home"></i></a></div>
  93.             <div class="nav-button-wrap color-bg">
  94.                 <div class="nav-button">
  95.                     <span></span><span></span><span></span>
  96.                 </div>
  97.             </div>
  98.             <div class="nav-holder main-menu">
  99.                 <nav>
  100.                     <ul>
  101.                         <li>
  102.                             <a href="{{ url('app_client_home') }}" class="{% if route_name starts with 'app_client_home' %}act-link{% endif %}">Transport </a>
  103.                         </li>
  104.                         <li><a href="#">Vol</a></li>
  105.                         <li><a href="#">Séjour sur mesure</a></li>
  106.                         <li><a href="#">Voyage</a></li>
  107.                         <li><a href="#">Hôtel</a></li>
  108.                     </ul>
  109.                 </nav>
  110.             </div>
  112.             <!-- notification-wrap-->            
  113.             <div class="wishlist-wrap scrollbar-inner novis_wishlist">
  114.                 <div class="box-widget-content">
  115.                     <div class="widget-posts fl-wrap">
  116.                         <ul>
  117.                             <li class="clearfix">
  118.                                 <a href="#"  class="widget-posts-img"><img src="{{ asset('front/images/gal/1.jpg') }}" class="respimg" alt=""></a>
  119.                                 <div class="widget-posts-descr">
  120.                                     <a href="#" title="">Park Central</a>
  121.                                     <div class="listing-rating card-popup-rainingvis" data-starrating2="5"></div>
  122.                                     <div class="geodir-category-location fl-wrap"><a href="#"><i class="fas fa-map-marker-alt"></i> 40 JOURNAL SQUARE PLAZA, NJ, US</a></div>
  123.                                     <span class="rooms-price">$80 <strong> /  Awg</strong></span>
  124.                                 </div>
  125.                             </li>
  126.                             <li class="clearfix">
  127.                                 <a href="#"  class="widget-posts-img"><img src="{{ asset('front/images/gal/1.jpg') }}" class="respimg" alt=""></a>
  128.                                 <div class="widget-posts-descr">
  129.                                     <a href="#" title="">Holiday Home</a>
  130.                                     <div class="listing-rating card-popup-rainingvis" data-starrating2="3"></div>
  131.                                     <div class="geodir-category-location fl-wrap"><a href="#"><i class="fas fa-map-marker-alt"></i> 75 PRINCE ST, NY, USA</a></div>
  132.                                     <span class="rooms-price">$50 <strong> /   Awg</strong></span>
  133.                                 </div>
  134.                             </li>
  135.                             <li class="clearfix">
  136.                                 <a href="#"  class="widget-posts-img"><img src="{{ asset('front/images/gal/1.jpg') }}" class="respimg" alt=""></a>
  137.                                 <div class="widget-posts-descr">
  138.                                     <a href="#" title="">Moonlight Hotel</a>
  139.                                     <div class="listing-rating card-popup-rainingvis" data-starrating2="4"></div>
  140.                                     <div class="geodir-category-location fl-wrap"><a href="#"><i class="fas fa-map-marker-alt"></i>  70 BRIGHT ST NEW YORK, USA</a></div>
  141.                                     <span class="rooms-price">$105 <strong> /  Awg</strong></span>
  142.                                 </div>
  143.                             </li>
  144.                         </ul>
  145.                     </div>
  146.                 </div>
  147.             </div>
  148.             <!-- notification-wrap end--> 
  149.         </div>
  150.     </div>
  151.     
  152.     <!-- header-search -->
  153.     <div class="header-search vis-search">
  154.         <div class="container">
  155.             <div class="row">
  156.                 <!-- header-search-input-item -->
  157.                 <div class="col-sm-4">
  158.                     <div class="header-search-input-item fl-wrap location autocomplete-container">
  159.                         <label>Destination or Hotel Name</label>
  160.                         <span class="header-search-input-item-icon"><i class="fal fa-map-marker-alt"></i></span>
  161.                         <input type="text" placeholder="Location" class="autocomplete-input" id="autocompleteid" value=""/>
  162.                         <a href="#"><i class="fal fa-dot-circle"></i></a>
  163.                     </div>
  164.                 </div>
  165.                 <!-- header-search-input-item end -->
  166.                 <!-- header-search-input-item -->
  167.                 <div class="col-sm-3">
  168.                     <div class="header-search-input-item fl-wrap date-parent">
  169.                         <label>Date In-Out </label>
  170.                         <span class="header-search-input-item-icon"><i class="fal fa-calendar-check"></i></span>
  171.                         <input type="text" placeholder="When" name="header-search"   value=""/>
  172.                     </div>
  173.                 </div>
  174.                 <!-- header-search-input-item end -->                             
  175.                 <!-- header-search-input-item -->
  176.                 <div class="col-sm-3">
  177.                     <div class="header-search-input-item fl-wrap">
  178.                         <div class="quantity-item">
  179.                             <label>Rooms</label>
  180.                             <div class="quantity">
  181.                                 <input type="number" min="1" max="3" step="1" value="1">
  182.                             </div>
  183.                         </div>
  184.                         <div class="quantity-item">
  185.                             <label>Adults</label>
  186.                             <div class="quantity">
  187.                                 <input type="number" min="1" max="3" step="1" value="1">
  188.                             </div>
  189.                         </div>
  190.                         <div class="quantity-item">
  191.                             <label>Children</label>
  192.                             <div class="quantity">
  193.                                 <input type="number" min="0" max="3" step="1" value="0">
  194.                             </div>
  195.                         </div>
  196.                     </div>
  197.                 </div>
  198.                 <!-- header-search-input-item end -->                             
  199.                 <!-- header-search-input-item -->
  200.                 <div class="col-sm-2">
  201.                     <div class="header-search-input-item fl-wrap">
  202.                         <button class="header-search-button" onclick="window.location.href='listing.html'">Search <i class="far fa-search"></i></button>
  203.                     </div>
  204.                 </div>
  205.                 <!-- header-search-input-item end -->                                                          
  206.             </div>
  207.         </div>
  208.         <div class="close-header-search"><i class="fal fa-angle-double-up"></i></div>
  209.     </div>
  210.     <!-- header-search end -->
  211. </header>