templates/fe/_languages.html.twig line 1

Open in your IDE?
  1. {% set locale = app.request.get('_locale') %}
  3. {% if locale == '' %}
  4. {% set currentRouteAr = path('fe_home', {'_locale': 'ar' }) %}
  5. {% set currentRouteEn = path('fe_home', {'_locale': 'en' }) %}
  6. {% else %}
  7. {% set currentRoute = app.request.get('_route') %}
  8. {% set currentRouteAr = path(currentRoute, app.request.get('_route_params')|merge({'_locale': 'ar' })|merge(app.request.query.all)) %}
  9. {% set currentRouteEn = path(currentRoute, app.request.get('_route_params')|merge({'_locale': 'en' })|merge(app.request.query.all)) %}
  10. {% endif %}
  12. {% set flagPath = 'fe/flags/en.svg' %}
  13. {% if locale == "ar" %}
  14. {% set flagPath = 'fe/flags/ar.svg' %}
  15. {% endif %}
  17. {% set flagSVG %}
  18. {% include(flagPath) ignore missing %}
  19. {% endset %}
  21. <div class="m-header-topbar-delivery l-mega-dropdown-container" data-l-mega-dropdown="true" data-header-delivery-dropdown="true">
  22. <button class="m-header-topbar-delivery-dropdown-button ui-mega-dropdown-button l-mega-dropdown-button" aria-label="Change Currency and Language" aria-labelledby="Change Currency and Language" data-l-mega-dropdown-button="true">
  23. {% if flagSVG is not empty %}
  24. <span class="m-header-topbar-delivery-img">
  25. {{ flagSVG }}
  26. </span>
  27. {% endif %}
  28. {#<span class="m-header-topbar-delivery-dropdown-button-text">
  29. <span>{{ "language_txt"|trans }}</span>
  30. <span class="m-header-topbar-delivery-flag-name">
  31. <span>
  32. {{ locale == "ar" ? "عربي" : "English" }}
  33. </span>
  34. <svg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg">
  35. <path d="M9.74119 0.289853C9.39611 -0.0966178 8.83626 -0.0966178 8.49078 0.289853L5.00014 4.5946L1.50951 0.289853C1.16402 -0.0966178 0.604585 -0.0966178 0.259115 0.289853C-0.0863716 0.676324 -0.0863716 1.30232 0.259115 1.68879L4.3196 6.69672C4.50649 6.90554 4.75541 6.99762 5.00016 6.98043C5.24449 6.99762 5.49383 6.90554 5.68071 6.69672L9.74121 1.68879C10.0863 1.30232 10.0863 0.676343 9.74119 0.289853Z" fill="white" />
  36. </svg>
  37. </span>
  38. </span>#}
  39. </button>
  40. <div class="m-header-topbar-delivery-dropdown ui-mega-dropdown l-mega-dropdown l-mega-dropdown-end" data-l-mega-dropdown-menu="true">
  41. <div class="l-form-input-box l-form-input-box--spacing-bottom-18">
  42. <label class="l-form-label ui-form-label">{{ "language_txt"|trans }}</label>
  43. <div class="l-dropdown" data-header-topbar-delivery-language-dropdown="true" data-l-dropdown="true">
  44. <button class="l-dropdown-button l-dropdown-button--style-2 l-dropdown-button--block l-dropdown-button--text-start ui-dropdown-button ui-dropdown-button--style-2" data-l-dropdown-button="true">
  45. {% if locale == 'ar' %}
  46. عربي
  47. {% else %}
  48. English
  49. {% endif %}
  50. </button>
  51. <div class="l-dropdown-menu l-dropdown-menu--size-full-width ui-dropdown-menu" data-l-dropdown-menu="true">
  52. <a class="l-dropdown-menu-item ui-dropdown-menu-item {{ locale != "ar" ? "active" }}"
  53. {% if locale == 'ar' %}
  54. href="{{ currentRouteEn }}"
  55. {% else %}
  56. href="#"
  57. {% endif %}
  58. >English</a>
  60. <a class="l-dropdown-menu-item ui-dropdown-menu-item {{ locale == "ar" ? "active" }}"
  61. {% if locale != 'ar' %}
  62. href="{{ currentRouteAr }}"
  63. {% else %}
  64. href="#"
  65. {% endif %}
  66. >عربي</a>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. </div>