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

  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 %}
  24. <div class="navbar-margin-selector" id="navbar" {% if isLoggedinUser %} ng-content-loaded {% endif %}>
  25. <nav class="simple-navbar navbar navbar-expand-lg navbar-light">
  26. <div class="simple-navbar__container container">
  27. <div class="d-flex align-items-center simple-navbar__brand ">
  28. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#sidebar" aria-controls="sidebar" aria-expanded="false" aria-label="Toggle navigation">
  29. <span class="navbar-toggler-icon"></span>
  30. </button>
  31. <a class="simple-navbar__brand_img" href="{{ path('homepage') }}" alt="navbar brand"></a>
  32. {% if hasBetaVersion %}
  33. <span class="badge expo-badge simple-navbar__bg-badge">{{ 'layout.beta_badge'|trans }}</span>
  34. {% endif %}
  35. </div>
  36. <div class="collapse navbar-collapse navbar-parent p-0" id="sidebar" data-parent="#navbar">
  37. <div class="nav-container">
  38. <a class="nav-container__close-button hidden">x</a>
  39. <a class="simple-navbar__brand_img simple-navbar__brand_img_side-nav hidden" href="{{ path('homepage') }}" alt="side brand"></a>
  40. <ul class="simple-navbar__navbar-nav mr-auto responsive-side-nav">
  41. <li class="dropdown simple-navbar__item">
  42. <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">
  43. <img class="simple-navbar__item_icon icon" src="{{ asset('images/home/ic_search.png') }}"/>
  44. {{ 'home_page.find.title'|trans }}
  45. </a>
  46. <ul class="collapse simple-navbar__dropdown-menu simple-navbar__dropdown-menu_side-menu" id="collapseOne">
  47. <li>
  48. {% set name = "home_page.find.properties.title"|trans %}
  49. <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">
  50. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_listing.svg') }}"/>
  51. {{ name }}
  52. </a>
  53. </li>
  54. <li>
  55. {% set name = isEgyptSite ? 'home_page.find.compounds.title'|trans : 'layout.ksa_compounds_title'|trans %}
  56. <a href="{{ path('compound_search') }}" 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. <li>
  94. <a class="icon-btn simple-navbar__icon-btn gtm-btn-services-rating" href="{{ url('alias_valuation') }}" rel="nofollow">
  95. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_evaluate_property.svg') }}"/>
  96. {{ name }}
  97. </a>
  98. </li>
  99. {% endif %}
  100. {% if get_setting('features', 'neighborhoods') %}
  101. {% set name = 'home_page.know.prices_guide.title'|trans %}
  102. {% set url = path('neighborhood_all_locations')%}
  103. <li>
  104. <a class="icon-btn simple-navbar__icon-btn gtm-btn-prices-guide" href="{{url}}">
  105. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_money.svg') }}"/>
  106. {{ name }}
  107. </a>
  108. </li>
  109. {% endif %}
  110. {% if get_setting('features', 'discussions') %}
  111. {% set name = 'home_page.know.neighbors.title'|trans %}
  112. {% set url = path('neighborhood_discussion_list') %}
  113. <li>
  114. <a class="gtm-btn-discussion-main-title simple-navbar__icon-btn" href="{{ url }}">
  115. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_ask_neighbors.svg') }}"/>
  116. {{ name }}
  117. </a>
  118. </li>
  119. {% endif %}
  120. {% if isEnabledFeature('web.agents.section') %}
  121. {% set name = 'home_page.know.top_agents.title'|trans %}
  122. {% set url = path('aqarmap_agents_search') %}
  123. <li>
  124. <a class="gtm-btn-agents simple-navbar__icon-btn" href="{{ url }}">
  125. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_agent.svg') }}"/>
  126. {{ name }}
  127. </a>
  128. </li>
  129. {% endif %}
  130. {% if get_setting('features', 'exhibits_guide') %}
  131. <li>
  132. <a href="{{ aqarmap_exhibits_guide_url }}" target="_blank" class="gtm-btn-exhibits-guide simple-navbar__icon-btn">
  133. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/calendar.svg') }}"/>
  134. {{ 'home_page.know.exhibits.title'|trans }}
  135. </a>
  136. </li>
  137. {% endif %}
  138. {% if get_setting('features', 'real_estate_index') %}
  139. {% set name = 'home_page.know.index.title'|trans %}
  140. {% set url = "https://index.aqarmap.com/" %}
  141. <li>
  142. <a href="{{url}}" class="gtm-btn-services-aqarmap-index simple-navbar__icon-btn" rel="nofollow">
  143. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_index.svg') }}"/>
  144. {{ name }}
  145. </a>
  146. </li>
  147. {% endif %}
  148. {% if get_setting('features', 'advice') %}
  149. {% set name = 'home_page.know.advice.title'|trans %}
  150. {% set url = aqarmap_advice_url ~ '/' ~ app.request.locale ~ '/' %}
  151. <li>
  152. <a href="{{url}}" class="gtm-btn-advice simple-navbar__icon-btn">
  153. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_idea.svg') }}"/>
  154. {{name}}
  155. </a>
  156. </li>
  157. {% endif %}
  158. <li>
  159. {% set name = 'home_page.know.market_research.title'|trans %}
  160. {% set url = 'https://i.aqarmap.com/research/' %}
  161. <a class="icon-btn simple-navbar__icon-btn gtm-btn-services-rating" href="{{url}}" rel="nofollow">
  162. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_market_research.svg') }}"/>
  163. {{ name }}
  164. </a>
  165. </li>
  166. {% if get_setting('features', 'estimates') %}
  167. {% set name = 'home_page.know.know_more.title'|trans %}
  168. {% set url = 'https://i.aqarmap.com/knowmore/' %}
  169. <li>
  170. <a class="icon-btn simple-navbar__icon-btn gtm-btn-services-rating" href="{{url}}" rel="nofollow">
  171. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_emblem.svg') }}"/>
  172. {{ name }}
  173. </a>
  174. </li>
  175. {% endif %}
  176. </ul>
  177. </li>
  178. {% endif %}
  179. <li class="dropdown simple-navbar__item">
  180. <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">
  181. <img class="simple-navbar__item_icon icon" src="{{ asset('images/home/ic_sell_property.svg') }}"/>
  182. {{ 'home_page.list.title'|trans }}
  183. </a>
  184. <ul class="collapse simple-navbar__dropdown-menu simple-navbar__dropdown-menu_side-menu " id="collapseThree">
  185. <li>
  186. {% set name = 'home_page.list.list_home.title'|trans %}
  187. <a href="{{ path('alias_add_listing_initialize') }}" class="icon-btn simple-navbar__icon-btn" rel="nofollow">
  188. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_sell_property.svg') }}"/>
  189. {{ name }}
  190. </a>
  191. </li>
  192. <li>
  193. {% set name = 'home_page.list.list_company.title'|trans %}
  194. {% set url = app.request.locale == locale ? path('alias_i_landing_pages', {'page': 'joinus/', 'campaign': 'HomepageWeb'}) : path('alias_i_landing_pages', {'page': 'joinus/index-en.html', 'campaign': 'HomepageWeb'}) %}
  195. <a class="icon-btn simple-navbar__icon-btn gtm-btn-joinus" href="{{url}}" rel="nofollow" target="_blank">
  196. <img class="simple-navbar__icon-btn_img" src="{{ asset('images/home/ic_Companies_Registration.svg') }}"/>
  197. {{ name }}
  198. </a>
  199. </li>
  200. </ul>
  201. </li>
  202. </ul>
  203. <ul class="nav simple-navbar__navbar-nav navbar-right responsive-side-nav">
  204. <li class="dropdown simple-navbar__item">
  205. <a href="#" class="dropdown-toggle icon-btn simple-navbar__icon-btn" data-toggle="dropdown">
  206. {% if get_setting('general', 'country') == 'EG' %}
  207. <img class="img-responsive" src="/images/egypt.svg" width="{{ iconSize }}"/>
  208. {% else %}
  209. <img class="img-responsive" src="/images/Saudi-flag.svg" width="{{ iconSize }}"/>
  210. {% endif %}
  211. </a>
  212. <ul class="dropdown-menu simple-navbar__dropdown-menu simple-navbar__dropdown-menu_side-menu simple-navbar__dropdown-menu_drop-top">
  213. <li class="simple-navbar__item">
  214. {% set ksaLabel = 'layout.countries.ksa'|trans %}
  215. {% set egyptLabel = 'layout.countries.egypt'|trans %}
  216. {% if get_setting('general', 'country') == 'EG' %}
  217. <a class="icon-btn simple-navbar__icon-btn" href="https://ksa.aqarmap.com">
  218. <img class="img-responsive" src="/images/Saudi-flag.svg" width="{{ iconSize }}"/>
  219. <span class="mx-3">{{ ksaLabel}}</span>
  220. </a>
  221. {% else %}
  222. <a class="icon-btn simple-navbar__icon-btn" href="https://aqarmap.com.eg/">
  223. <img class="img-responsive" src="/images/egypt.svg" width="{{ iconSize }}"/>
  224. <span class="mx-3">{{ egyptLabel }}</span>
  225. </a>
  226. {% endif %}
  227. </li>
  228. </ul>
  229. </li>
  230. <li class="simple-navbar__item">
  231. {% if app.request.get('_locale') == 'en' %}
  232. {% set parameters = not removeParametersLanguageSwitcher ? app.request.requesturi|trim(path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'}))) : '' %}
  233. {% set arLabel = 'layout.arabic'|trans %}
  234. <a class="icon-btn simple-navbar__icon-btn" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ar'}))~parameters }}">
  235. <span class="text-line">{{ arLabel}}</span>
  236. </a>
  237. {% else %}
  238. {% set parametersAr = not removeParametersLanguageSwitcher ? app.request.requesturi|trim(path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'ar'}))) : '' %}
  239. {% set enLabel = 'layout.english'|trans %}
  240. <a class="icon-btn simple-navbar__icon-btn" href="{{ path(app.request.get('_route'), app.request.get('_route_params')|merge({'_locale': 'en'}))~parametersAr }}">
  241. <span class="text-line">{{ enLabel }}</span>
  242. </a>
  243. {% endif %}
  244. </li>
  245. {% if app.request.attributes.get('_route') not in ['search', 'property_type_search', 'compound_search'] %}
  246. <li class="simple-navbar__item">
  247. <a class="gtm-btn-report icon-btn simple-navbar__icon-btn" href="https://wa.me/201006674484" target="_blank" rel="nofollow">
  248. {{ 'problem.help'|trans }}
  249. </a>
  250. </li>
  251. {% endif %}
  252. </ul>
  253. </div>
  254. </div>
  255. <ul class="nav simple-navbar__navbar-nav ">
  256. {% if isUserControlMenuEnabled %}
  257. <li class="dropdown simple-navbar__icon-btn_list-item d-flex align-items-center">
  258. <button class="collapse-btn w-100 m-0 border-0 user-menu-btn" aria-label="userMenu" data-toggle="collapse" data-target="#userControlCollapse" {% if isLoggedinUser %} ng-click="drawUserDataMenu()" {% endif %}>
  259. <div class="icon-btn simple-navbar__icon-btn_circle-btn border-0 m-0 ">
  260. <img class="{{userImgClass}}" src="{{userImgUrl}}" alt="User Image"/>
  261. </div>
  262. {% if isLoggedinUser %}
  263. <div class="user-menu-btn__name text">
  264. {{userName}}</div>
  265. {% endif %}
  266. <div class="icon-btn icon-btn simple-navbar__icon-btn simple-navbar__icon-btn_arrow">
  267. <img class="icon-collapse icon" src="{{ asset('images/Navbar/ic_chevron_down.svg')}}" alt="Drop down"/>
  268. </div>
  269. </button>
  270. <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">
  271. {% include "@AqarmapMain/Navbar/userControlMenu.html.twig" %}
  272. </div>
  273. </li>
  274. {% else %}
  275. {% if isLoggedinUser %}
  276. {% if is_granted('ROLE_PREVIOUS_ADMIN') and is_granted('ROLE_SWITCH_ACCOUNT') %}
  277. <li class="simple-navbar__icon-btn_list-item">
  278. <a class="icon-btn simple-navbar__icon-btn" href="{{ path('homepage', {'_want_to_be_this_user': '_exit'}) }}" rel="nofollow">
  279. Switch back
  280. </a>
  281. </li>
  282. {% endif %}
  283. {% else %}
  284. <li class="login-mob-btn simple-navbar__icon-btn_list-item">
  285. <a id="te-login-button" class="icon-btn simple-navbar__icon-btn simple-navbar__icon-btn_login-btn" href="{{ path('app_login') }}" rel="nofollow">
  286. {{ 'home_page.signin'|trans }}
  287. </a>
  288. </li>
  289. {% endif %}
  290. {% endif %}
  291. </ul>
  292. </div>
  293. </nav>
  294. {% if isUXVersion and isLoggedinUser and not isUserControlMenuEnabled %}
  295. <nav class="simple-navbar navbar navbar-default down-navbar">
  296. <div class="container">
  297. <div class="d-flex w-100">
  298. {% include "@AqarmapMain/Navbar/sub-header.html.twig" %}
  299. </div>
  300. </div>
  301. </nav>
  302. {% endif %}
  303. </div>