templates/pages/form_confirmation.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_class %}
  4. page form-confirmation-page
  5. {% endblock %}
  7. {% block header %}
  8. <header class="site-header site-header--desktop">
  9. <div class="site-header__inner">
  10. <div class="site-header__bar">
  11. <div class="site-header__brand">
  12. <a class="site-header__logo logo" href="{{ sulu_content_root_path() }}">
  13. {% include 'pages/_includes/icons/croisiland-logo.svg' %}
  14. </a>
  15. </div>
  17. <div class="site-header__meta">
  18. {% include 'pages/_includes/base/_phone.html.twig' %}
  19. {% include 'pages/_includes/base/_hours.html.twig' %}
  20. </div>
  21. </div>
  22. </div>
  23. </header>
  25. <header class="site-header site-header--mobile">
  26. <div class="site-header__inner">
  27. <div class="site-header__bar">
  28. <div class="site-header__brand">
  29. <a class="site-header__logo logo" href="{{ sulu_content_root_path() }}">
  30. {% include 'pages/_includes/icons/croisiland-logo.svg' %}
  31. </a>
  32. </div>
  33. </div>
  34. </div>
  35. </header>
  36. {% endblock %}
  38. {% block aside %}{% endblock %}
  40. {% block footer %}{% endblock %}
  42. {% block modals %}{% endblock %}
  44. {% block stylesheets %}
  45. {{ parent() }}
  46. {{ encore_entry_link_tags('form_confirmation_styles') }}
  47. {% endblock %}
  49. {% block content %}
  51. {% set text = content.text|default('') %}
  52. {% set buttonText = content.buttonText|default('') %}
  53. {% set buttonLink = content.buttonLink|default('') %}
  54. {% set pictogramElement = content.pictogramElement|default('') %}
  56. {% set currentFormType = content.formType|default(formType|default('connection')) %}
  58. {# pageMedia peut être une image ou une vidéo (affiché en arrière-plan) #}
  59. {% set media = null %}
  60. {% if content.pageMedia is defined and content.pageMedia is not null and content.pageMedia.id is defined %}
  61. {% set media = sulu_resolve_media(content.pageMedia.id, app.request.locale) %}
  62. {% endif %}
  64. {% set mediaUrl = media ? sulu_media_url(media, '1600x') : asset('img/connection-screen/background.gif') %}
  65. {% set mediaMimeType = media.mimeType|default('') %}
  66. {% set isVideo = (mediaMimeType starts with 'video/') or (mediaUrl matches '/\.(mp4|webm|ogg)(\\?.*)?$/i') %}
  68. <section class="form-confirmation">
  69. {% if mediaUrl is not empty %}
  70. <div class="form-confirmation__media" aria-hidden="true">
  71. {% if isVideo %}
  72. <video class="form-confirmation__media-video" autoplay muted loop playsinline preload="metadata">
  73. <source src="{{ mediaUrl|e('html_attr') }}" type="{{ mediaMimeType|e('html_attr') }}" />
  74. </video>
  75. {% else %}
  76. <img class="form-confirmation__media-img" src="{{ mediaUrl|e('html_attr') }}" alt="" />
  77. {% endif %}
  78. </div>
  79. {% endif %}
  82. <div class="form-confirmation__content">
  83. <div class="form-confirmation__content-text">
  84. {{ getLucidIcon(pictogramElement|default('')) }}
  85. <div>{{ text }}</div>
  86. </div>
  87. <a class="btn style1 reverse_color little" href="{{ buttonLink }}">{{ buttonText }}</a>
  88. </div>
  90. </section>
  91. {% endblock %}