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

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