src/Aqarmap/Bundle/MainBundle/Resources/views/Navbar/navbar.v2.html.twig line 1

Open in your IDE?
  1. {% if topBar is not null %}
  2.     <nav>
  3.         {% include "top-bar.html.twig" %}
  4.     </nav>
  5. {% endif %}
  6. {% set isLoggedinUser = is_granted("IS_AUTHENTICATED_REMEMBERED") %}
  7. {% set isUserControlMenuEnabled = isEnabledFeature('web.user.control.menu') %}
  8. {% set userImgUrl = asset('images/Navbar/ic_profile_gray.svg') %}
  9. {% set iconSize = 22 %}
  10. {% set userImgClass = "icon-collapse icon" %}
  11. {% if app.user %}
  12.     {% set userName = app.user.fullName %}
  13.     {% if app.user.personalPhoto %}
  14.         {% set userImgUrl = custom_vich_uploader_asset(app.user.personalPhoto, 'file') | thumbnail('logo') %}
  15.         {% set userImgClass = "w-100 h-100" %}
  16.     {% elseif app.user.logo %}
  17.         {% set userImgUrl = custom_vich_uploader_asset(app.user.logo, 'file') | thumbnail('logo')%}
  18.         {% set userImgClass = "w-100 h-100" %}
  19.     {% endif %}
  20. {% endif %}
  21. {% set isHomePage = app.request.attributes.get('_route') == 'homepage' %}
  22. {% set hasBetaVersion = (isEnabledKSAnewHome is defined and isEnabledKSAnewHome) and isHomePage %}
  23. <div class="navbar-margin-selector" id="navbar" {% if isLoggedinUser %}ng-content-loaded{% endif %}>
  24.     <nav class="simple-navbar navbar navbar-expand-lg navbar-light">
  25.         <div class="simple-navbar__container container">
  26.             <div class="d-flex align-items-center simple-navbar__brand ">
  27.                 <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidebar" aria-controls="sidebar" aria-expanded="false" aria-label="Toggle navigation">
  28.                     <span class="navbar-toggler-icon"></span>
  29.                 </button>
  30.                 <a class="simple-navbar__brand_img" href="{{ path('homepage') }}" alt="navbar brand"></a>
  31.                 {% if hasBetaVersion %}
  32.                     <span class="badge expo-badge simple-navbar__bg-badge">{{ 'layout.beta_badge'|trans }}</span>
  33.                 {% endif %}
  34.             </div>
  35.             <div class="collapse navbar-collapse navbar-parent p-0" id="sidebar" data-parent="#navbar">
  36.                 <div class="nav-container">
  37.                 <a class="nav-container__close-button hidden">x</a>
  38.                     <a class="simple-navbar__brand_img simple-navbar__brand_img_side-nav hidden" href="{{ path('homepage') }}" alt="side brand"></a>
  39.                     <ul class="simple-navbar__navbar-nav mr-auto responsive-side-nav">
  40.                         <li class="dropdown simple-navbar__item">
  41.                             <a href="#" class="icon-btn simple-navbar__icon-btn dropdown-toggle  icon-btn_baby-blue-hover  gtm-btn-more" data-toggle="collapse" data-target="#collapseOne" aria-controls="collapseOne" aria-expanded="false">
  42.                                 <img class="simple-navbar__item_icon icon" src="{{ asset('images/home/ic_search.png') }}" />
  43.                                 {{ 'home_page.find.title'|trans }}
  44.                             </a>
  45.                             <ul class="collapse simple-navbar__dropdown-menu simple-navbar__dropdown-menu_side-menu" id="collapseOne">
  46.                                 <li>
  47.                                     {% set name = "home_page.find.properties.title"|trans %}
  48.                                     <a href="{{url("property_type_search",{section_slug:"for-sale",property_type_slug:"property-type"})}}" class="icon-btn simple-navbar__icon-btn gtm-btn-search">
  49.                                         <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_listing.svg') }}" />
  50.                                         {{ name }}
  51.                                     </a>
  52.                                 </li>
  53.                                 <li>
  54.                                     {% set name = isEgyptSite ? 'home_page.find.compounds.title'|trans : 'layout.ksa_compounds_title'|trans %}
  55.                                     {% set url =  isEnabledFeature('web.compounds.adviser') ?  path('compound_adviser') :  path('compound_search') %}
  56.                                     <a href="{{ url }}" class="icon-btn simple-navbar__icon-btn gtm-btn-compound-search">
  57.                                         <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_compounds.svg') }}" />
  58.                                         {{ name }}
  59.                                     </a>
  60.                                 </li>
  61.                                 {% if isEgyptSite %}
  62.                                     {% set name = "home_page.find.expo.title"|trans %}
  63.                                     {% set url =   path('expo_landing')  %}
  64.                                     <li>
  65.                                         <a href="{{ url }}" class="gtm-btn-expo simple-navbar__icon-btn">
  66.                                             <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_expo.svg') }}" />
  67.                                             {{ name }}
  68.                                         </a>
  69.                                     </li>
  70.                                 {% endif %}
  71.                                 {% if get_setting('features', 'mortgage')%}
  72.                                     {% set name = 'home_page.find.mortgage.title'|trans %}
  73.                                     {% set url = getMortgageRequestLink() %}
  74.                                     <li>
  75.                                         <a class="icon-btn simple-navbar__icon-btn gtm-btn-services-rating" href="{{ url }}" rel="nofollow" target="_blank">
  76.                                             <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_money_blue.svg') }}" />
  77.                                             {{ name }}
  78.                                         </a>
  79.                                     </li>
  80.                                 {% endif %}
  81.                             </ul>
  82.                         </li>
  83.                         {% if isEgyptSite %}
  84.                             <li class="dropdown dropdown-mobile-shown simple-navbar__item">
  85.                                 <a href="#" class="icon-btn simple-navbar__icon-btn dropdown-toggle  icon-btn_baby-blue-hover  gtm-btn-
  86.                                 more" data-toggle="collapse" data-target="#collapseTwo" aria-controls="collapseTwo" aria-expanded="false" >
  87.                                     <img class="simple-navbar__item_icon icon" src="{{ asset('images/home/ic_emblem_black.svg') }}" />
  88.                                     {{ 'home_page.know.title'|trans }}
  89.                                 </a>
  90.                                 <ul class="collapse simple-navbar__dropdown-menu  simple-navbar__dropdown-menu_side-menu dropdown-mobile-shown__link" id="collapseTwo">
  91.                                     {% if get_setting('features', 'estimates') %}
  92.                                         {% set name = 'home_page.know.valuations.title'|trans  %}
  93.                                         {% set url = "https://i.aqarmap.com/estimates/step1.php" %}
  94.                                         <li>
  95.                                             <a class="icon-btn simple-navbar__icon-btn gtm-btn-services-rating" href="{{url}}" rel="nofollow">
  96.                                                 <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_evaluate_property.svg') }}" />
  97.                                                 {{ name }}
  98.                                             </a>
  99.                                         </li>
  100.                                     {% endif %}
  101.                                     {% if get_setting('features', 'neighborhoods') %}
  102.                                         {% set name = 'home_page.know.prices_guide.title'|trans %}
  103.                                         {% set url = path('neighborhood_all_locations')%}
  104.                                         <li>
  105.                                             <a class="icon-btn simple-navbar__icon-btn gtm-btn-prices-guide" href="{{url}}">
  106.                                                 <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_money.svg') }}" />
  107.                                                 {{ name }}
  108.                                             </a>
  109.                                         </li>
  110.                                     {% endif %}
  111.                                     {% if get_setting('features', 'discussions') %}
  112.                                         {% set name = 'home_page.know.neighbors.title'|trans %}
  113.                                         {% set url = path('neighborhood_discussion_list') %}
  114.                                         <li>
  115.                                             <a class="gtm-btn-discussion-main-title simple-navbar__icon-btn" href="{{ url }}">
  116.                                                 <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_ask_neighbors.svg') }}" />
  117.                                                 {{ name }}
  118.                                             </a>
  119.                                         </li>
  120.                                     {% endif %}
  121.                                     {% if isEnabledFeature('web.agents.section') %}
  122.                                         {% set name = 'home_page.know.top_agents.title'|trans %}
  123.                                         {% set url = path('aqarmap_agents_search')  %}
  124.                                         <li>
  125.                                             <a class="gtm-btn-agents simple-navbar__icon-btn" href="{{ url }}">
  126.                                                 <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_agent.svg') }}" />
  127.                                                 {{ name }}
  128.                                             </a>
  129.                                         </li>
  130.                                     {% endif %}
  131.                                     {% if get_setting('features', 'exhibits_guide') %}
  132.                                         <li>
  133.                                             <a href="{{ aqarmap_exhibits_guide_url }}"
  134.                                                 target="_blank"
  135.                                                 class="gtm-btn-exhibits-guide simple-navbar__icon-btn">
  136.                                                 <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/calendar.svg') }}" />
  137.                                                 {{ 'home_page.know.exhibits.title'|trans }}
  138.                                             </a>
  139.                                         </li>
  140.                                     {% endif %}
  141.                                     {% if get_setting('features', 'real_estate_index') %}
  142.                                         {% set name =  'home_page.know.index.title'|trans %}
  143.                                         {% set url = "https://index.aqarmap.com/"  %}
  144.                                         <li>
  145.                                             <a href="{{url}}" class="gtm-btn-services-aqarmap-index simple-navbar__icon-btn" rel="nofollow">
  146.                                                 <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_index.svg') }}" />
  147.                                                 {{ name }}
  148.                                             </a>
  149.                                         </li>
  150.                                     {% endif %}
  151.                                     {% if get_setting('features', 'advice') %}
  152.                                         {% set name =  'home_page.know.advice.title'|trans %}
  153.                                         {% set url = aqarmap_advice_url  ~ '/' ~ app.request.locale ~ '/'  %}
  154.                                         <li>
  155.                                             <a href="{{url}}" class="gtm-btn-advice simple-navbar__icon-btn">
  156.                                                 <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_idea.svg') }}" />
  157.                                                 {{name}}
  158.                                             </a>
  159.                                         </li>
  160.                                     {% endif %}
  161.                                     <li>
  162.                                         {% set name =  'home_page.know.market_research.title'|trans %}
  163.                                         {% set url = 'https://i.aqarmap.com/research/' %}
  164.                                         <a class="icon-btn simple-navbar__icon-btn gtm-btn-services-rating" href="{{url}}" rel="nofollow">
  165.                                             <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_market_research.svg') }}" />
  166.                                             {{ name }}
  167.                                         </a>
  168.                                     </li>
  169.                                     {% if get_setting('features', 'estimates') %}
  170.                                         {% set name =  'home_page.know.know_more.title'|trans %}
  171.                                         {% set url = 'https://i.aqarmap.com/knowmore/' %}
  172.                                         <li>
  173.                                             <a class="icon-btn simple-navbar__icon-btn gtm-btn-services-rating" href="{{url}}" rel="nofollow">
  174.                                                 <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_emblem.svg') }}" />
  175.                                                 {{ name }}
  176.                                             </a>
  177.                                         </li>
  178.                                     {% endif %}
  179.                                 </ul>
  180.                             </li>
  181.                         {% endif %}
  182.                         <li class="dropdown simple-navbar__item">
  183.                             <a href="#" class="icon-btn simple-navbar__icon-btn dropdown-toggle  icon-btn_baby-blue-hover  gtm-btn-more" data-toggle="collapse" data-target="#collapseThree" aria-controls="collapseThree" aria-expanded="false">
  184.                                 <img class="simple-navbar__item_icon icon" src="{{ asset('images/home/ic_sell_property.svg') }}" />
  185.                                 {{ 'home_page.list.title'|trans }}
  186.                             </a>
  187.                             <ul class="collapse simple-navbar__dropdown-menu  simple-navbar__dropdown-menu_side-menu " id="collapseThree">
  188.                                 <li>
  189.                                     {% set name =  'home_page.list.list_home.title'|trans %}
  190.                                     <a href="{{ path('listing_initialize') }}" class="icon-btn simple-navbar__icon-btn" rel="nofollow">
  191.                                         <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_sell_property.svg') }}" />
  192.                                         {{ name }}
  193.                                     </a>
  194.                                 </li>
  195.                                 <li>
  196.                                     {% set name =  'home_page.list.list_company.title'|trans %}
  197.                                     {% set url = app.request.locale == locale ? joinUsARURL : joinUsENURL %}
  198.                                     <a class="icon-btn simple-navbar__icon-btn gtm-btn-joinus" href="{{url}}" rel="nofollow" target="_blank">
  199.                                         <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_Companies_Registration.svg') }}" />
  200.                                         {{ name }}
  201.                                     </a>
  202.                                 </li>
  203.                             </ul>
  204.                         </li>
  205.                     </ul>
  206.                     <ul class="nav simple-navbar__navbar-nav navbar-right responsive-side-nav">
  207.                         <li class="dropdown simple-navbar__item">
  208.                             <a href="#" class="dropdown-toggle icon-btn simple-navbar__icon-btn" data-toggle="dropdown">
  209.                                 {% if get_setting('general', 'country') == 'EG' %}
  210.                                 <img class="img-responsive" src="/images/egypt.svg"
  211.                                     width="{{ iconSize }}" />
  212.                                 {% else %}
  213.                                 <img class="img-responsive" src="/images/Saudi-flag.svg"
  214.                                     width="{{ iconSize }}" />
  215.                                 {% endif %}
  216.                             </a>
  217.                             <ul class="dropdown-menu simple-navbar__dropdown-menu  simple-navbar__dropdown-menu_side-menu simple-navbar__dropdown-menu_drop-top">
  218.                                 <li class="simple-navbar__item">
  219.                                     {% set ksaLabel = 'layout.countries.ksa'|trans %}
  220.                                     {% set egyptLabel = 'layout.countries.egypt'|trans %}
  221.                                     {% if get_setting('general', 'country') == 'EG' %}
  222.                                         <a class="icon-btn simple-navbar__icon-btn" href="https://ksa.aqarmap.com">
  223.                                             <img class="img-responsive" src="/images/Saudi-flag.svg" width="{{ iconSize }}" />
  224.                                             <span class="mx-3">{{ ksaLabel}}</span>
  225.                                         </a>
  226.                                     {% else %}
  227.                                         <a class="icon-btn simple-navbar__icon-btn" href="https://aqarmap.com.eg/">
  228.                                             <img class="img-responsive" src="/images/egypt.svg"
  229.                                                 width="{{ iconSize }}" />
  230.                                             <span class="mx-3">{{ egyptLabel }}</span>
  231.                                         </a>
  232.                                     {% endif %}
  233.                                 </li>
  234.                             </ul>
  235.                         </li>
  236.                         <li class="simple-navbar__item">
  237.                             {% if app.request.get('_locale') == 'en' %}
  238.                                 {% set parameters = not removeParametersLanguageSwitcher ? app.request.requesturi|trim(path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'}))) : '' %}
  239.                                 {% set arLabel = 'layout.arabic'|trans %}
  240.                                 <a class="icon-btn simple-navbar__icon-btn" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ar'}))~parameters }}">
  241.                                     <span class="text-line">{{ arLabel}}</span>
  242.                                 </a>
  243.                             {% else %}
  244.                                 {% set parametersAr = not removeParametersLanguageSwitcher ? app.request.requesturi|trim(path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ar'}))) : '' %}
  245.                                 {% set enLabel = 'layout.english'|trans %}
  246.                                 <a class="icon-btn simple-navbar__icon-btn" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'}))~parametersAr }}"
  247.                                     >
  248.                                     <span class="text-line">{{ enLabel }}</span>
  249.                                 </a>
  250.                             {% endif %}
  251.                         </li>
  252.                         {% if app.request.attributes.get('_route') not in ['compound_adviser_search_results', 'compound_adviser', 'search', 'property_type_search', 'compound_search'] %}
  253.                             <li class="simple-navbar__item">
  254.                                 <a class="gtm-btn-report icon-btn simple-navbar__icon-btn"
  255.                                    href="{{ path('aqarmap_feedback_get') }}"
  256.                                    target="_blank" rel="nofollow">
  257.                                     {{ 'problem.help'|trans }}
  258.                                 </a>
  259.                             </li>
  260.                         {% endif %}
  261.                     </ul>
  262.                 </div>
  263.             </div>
  264.             <ul class="nav simple-navbar__navbar-nav  ">
  265.                 {% if isUserControlMenuEnabled %}
  266.                     <li class="dropdown simple-navbar__icon-btn_list-item d-flex align-items-center">
  267.                         <button class="collapse-btn w-100 m-0 border-0 user-menu-btn" aria-label="userMenu"
  268.                             data-toggle="collapse"
  269.                             data-target="#userControlCollapse"
  270.                             {% if isLoggedinUser %}
  271.                                 ng-click="drawUserDataMenu()"
  272.                             {% endif %}
  273.                             >
  274.                             <div class="icon-btn simple-navbar__icon-btn_circle-btn border-0 m-0 ">
  275.                                 <img class="{{userImgClass}}" src="{{userImgUrl}}" alt="User Image" />
  276.                             </div>
  277.                             {% if isLoggedinUser %}
  278.                                 <div class="user-menu-btn__name text"> {{userName}}</div>
  279.                             {% endif %}
  280.                            <div class="icon-btn icon-btn simple-navbar__icon-btn simple-navbar__icon-btn_arrow">
  281.                                 <img class="icon-collapse icon"  src="{{ asset('images/Navbar/ic_chevron_down.svg')}}" alt="Drop down" />
  282.                             </div>
  283.                         </button>
  284.                         <div class="collapse time-circle-trigger simple-navbar__dropdown-menu  simple-navbar__dropdown-menu_desktop-user-control simple-navbar__dropdown-menu_dir-reverse p-0" id="userControlCollapse">
  285.                             {% include "@AqarmapMain/Navbar/userControlMenu.html.twig" %}
  286.                         </div>
  287.                     </li>
  288.                 {% else %}
  289.                     {% if isLoggedinUser %}
  290.                         {% if is_granted('ROLE_PREVIOUS_ADMIN') and is_granted('ROLE_SWITCH_ACCOUNT') %}
  291.                             <li class="simple-navbar__icon-btn_list-item">
  292.                                 <a class="icon-btn simple-navbar__icon-btn" href="{{ path('homepage', {'_want_to_be_this_user': '_exit'}) }}"
  293.                                     rel="nofollow">
  294.                                     Switch back
  295.                                 </a>
  296.                             </li>
  297.                         {% endif %}
  298.                     {% else %}
  299.                         <li class="login-mob-btn simple-navbar__icon-btn_list-item">
  300.                             <a id="te-login-button" class="icon-btn simple-navbar__icon-btn simple-navbar__icon-btn_login-btn" href="{{ path('app_login') }}"
  301.                                 rel="nofollow">
  302.                                 {{ 'home_page.signin'|trans }}
  303.                             </a>
  304.                         </li>
  305.                     {% endif %}
  306.                 {% endif %}
  307.             </ul>
  308.         </div>
  309.     </nav>
  310.     {% if isUXVersion and isLoggedinUser and not isUserControlMenuEnabled %}
  311.         <nav class="simple-navbar navbar navbar-default down-navbar">
  312.             <div class="container">
  313.                 <div class="d-flex w-100">
  314.                     {% include "@AqarmapMain/Navbar/sub-header.html.twig" %}
  315.                 </div>
  316.             </div>
  317.         </nav>
  318.     {% endif %}
  319. </div>