templates/layout/hero.html.twig line 1

Open in your IDE?
  1. {% macro brandCarouselItem(bgImage, logoImage, bgPosition, hero) %}
  2. <div class="hero" style="{% if bgImage %}background-image: url({{ bgImage }});{% endif %}{% if bgPosition %}background-position: {{ bgPosition }};{% endif %}">
  3. <div class="container h-100">
  4. <div class="row h-100">
  5. <div class="col-12 h-100 d-flex flex-column justify-content-center hero-content">
  6. {% if logoImage %}
  7. <img src="{{ logoImage }}" alt="">
  8. {% endif %}
  10. {{ hero|raw }}
  11. </div>
  12. </div>
  13. </div>
  14. </div>
  15. {% endmacro %}
  17. <div id="brandsCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="4000">
  18. <div class="bg-overlay d-md-none"></div>
  19. <div class="carousel-inner">
  20. {% if app.user and app.user.userBrands %}
  21. {% for brand in app.user.userBrands %}
  22. {% set bgImage = vich_uploader_asset(brand, 'bgUploadedFile') %}
  23. {% set logoImage = vich_uploader_asset(brand, 'logoUploadedFile') %}
  24. <div class="carousel-item {% if loop.index==1 %}active{% endif %}">
  25. {{ _self.brandCarouselItem(bgImage, logoImage, brand.bgPosition, brand.details) }}
  26. </div>
  27. {% endfor %}
  28. {% else %}
  29. <div class="carousel-item active">
  30. {% set logoImage = asset('build/images/logo.png') %}
  33. {{ _self.brandCarouselItem(false, logoImage, false, hero) }}
  34. </div>
  35. {% endif %}
  36. </div>
  38. {% if app.user and app.user.userBrands and app.user.userBrands|length > 1 %}
  39. <button class="carousel-control-prev" type="button" data-bs-target="#brandsCarousel" data-bs-slide="prev">
  40. <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  41. <span class="visually-hidden">Previous</span>
  42. </button>
  43. <button class="carousel-control-next" type="button" data-bs-target="#brandsCarousel" data-bs-slide="next">
  44. <span class="carousel-control-next-icon" aria-hidden="true"></span>
  45. <span class="visually-hidden">Next</span>
  46. </button>
  47. {% endif %}
  48. </div>
  52. {% if app.user %}
  53. <div class="container">
  54. <div class="actions-block d-flex flex-column justify-content-center align-items-center">
  55. <div class="row h-100 w-100">
  56. <div class="action-block col-12 col-lg-4 border-right h-100 d-flex flex-column justify-content-center align-items-center text-center mb-3">
  57. <a href="{{ path('profile.index') }}">
  58. <img src="{{ asset('build/images/icons/arrow.png') }}" class="action-arrow-icon mb-5">
  59. <div>
  60. My Account
  61. </div>
  62. </a>
  63. </div>
  64. <div class="action-block col-12 col-lg-4 border-right h-100 d-flex flex-column justify-content-center align-items-center text-center mb-3">
  66. <a href="{{ path('submission.list') }}">
  67. <img src="{{ asset('build/images/icons/card.png') }}" class="action-card-icon mb-5">
  68. <div>
  69. My Rewards
  70. </div>
  71. </a>
  72. </div>
  73. <div class="action-block col-12 col-lg-4 h-100 d-flex flex-column justify-content-center align-items-center text-center mb-3">
  75. <a href="{{ path('profile.edit') }}">
  76. <img src="{{ asset('build/images/icons/user.png') }}" class="action-user-icon mb-5">
  77. <div>
  78. Edit Profile
  79. </div>
  80. </a>
  81. </div>
  82. </div>
  83. </div>
  84. </div>
  85. {% endif %}