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