templates/_snippets/footer_croisiland.html.twig line 1

Open in your IDE?
  1. {% import '_macros/sulu_media.html.twig' as suluMedia %}
  3. {% if sulu_snippet_load_by_area('footer_croisiland_area') is not null %}
  4. {% set base = sulu_snippet_load_by_area('footer_croisiland_area').content|replace_translate_variables %}
  5. {% else %}
  6. {% set base = '' %}
  7. {% endif %}
  10. {# URLS des Compagnies #}
  11. {% set allCompaniesUrl = '/croisieres' %}
  12. {% set detail = allCompaniesUrl ~ '?companies=' %}
  14. {# URLS des Destinations #}
  15. {% set allDestinationsUrl = '/croisieres' %}
  16. {% set detail2 = allDestinationsUrl ~ '?destinations=' %}
  18. {# URLS des Ports #}
  19. {% set allDeparturePortUrl = '/croisieres' %}
  20. {% set detail3 = allDeparturePortUrl ~ '?ports=' %}
  23. <div class="footer_section footer_1">
  24. <div class="container">
  25. <div class="row">
  26. <div class="col-md-4 col-xs-12 mb-3">
  27. {% if base is not empty and base.securepaiement is defined and base.securepaiement is not empty %}
  28. <div class="footer_subtitle">
  29. {{ 'website.ui.footer.title.secure_payment'|trans }}
  30. </div>
  31. <div class="d-flex justify-content-center flex-wrap">
  32. {% for item in base.securepaiement %}
  33. {% if item.logo %}
  34. {% set logoUrl = suluMedia.thumbnail_url(item.logo, app.request.locale, ['200x', '400x']) %}
  35. <a href="{{ (item.url) ? (item.url) : '#' }}" target="_blanck" rel="nofollow">
  36. <img src="{{ logoUrl }}" alt="{{ (item.alt) ? (item.alt) : '' }}" loading="lazy">
  37. </a>
  38. {% endif %}
  39. {% endfor %}
  40. </div>
  41. {% endif %}
  42. </div>
  43. <div class="col-md-4 col-xs-12 bordered mb-3">
  44. {% if base is not empty and base.waysofpaiement is defined and base.waysofpaiement is not empty %}
  45. <div class="footer_subtitle">
  46. {{ 'website.ui.footer.title.ways_payment'|trans }}<span class="asterisque red">*</span>
  47. </div>
  48. <div class="d-flex justify-content-center flex-wrap">
  49. {% for item in base.waysofpaiement %}
  50. {% if item.logo %}
  51. {% set logoUrl = suluMedia.thumbnail_url(item.logo, app.request.locale, ['200x', '400x']) %}
  52. <a href="{{ (item.url) ? (item.url) : '#' }}" target="_blanck" rel="nofollow">
  53. <img src="{{ logoUrl }}" alt="{{ (item.alt) ? (item.alt) : '' }}" loading="lazy">
  54. </a>
  55. {% endif %}
  56. {% endfor %}
  57. </div>
  58. {% endif %}
  59. </div>
  60. <div class="col-md-4 col-xs-12 mb-3">
  61. {% if base is not empty and base.garantiescheckbox is defined %}
  62. {% if base.garantiescheckbox %}
  63. <div class="footer_subtitle">
  64. {{ 'website.ui.footer.title.guarantees'|trans }}
  65. </div>
  66. <div class="d-flex justify-content-center flex-wrap">
  67. {% if base.guarantees2 is defined and base.guarantees2 is not empty %}
  68. {% for item in base.guarantees2 %}
  69. {% if item.logo %}
  70. {% set logoUrl = suluMedia.thumbnail_url(item.logo, app.request.locale, ['200x', '400x']) %}
  71. <a href="{{ (base.guaranteesPage is defined) ? (base.guaranteesPage) : '#' }}" class="logo">
  72. <img src="{{ logoUrl }}" alt="{{ (item.alt) ? (item.alt) : '' }}" loading="lazy">
  73. </a>
  74. {% endif %}
  75. {% endfor %}
  76. {% elseif base.guarantees is defined and base.guarantees is not empty %}
  77. {% for item in base.guarantees %}
  78. {% if item.logo %}
  79. {% set logoUrl = suluMedia.thumbnail_url(item.logo, app.request.locale, ['200x', '400x']) %}
  80. <a href="{{ (item.url) ? (item.url) : '#' }}" class="logo" target="_blanck" rel="nofollow">
  81. <img src="{{ logoUrl }}" alt="{{ (item.alt) ? (item.alt) : '' }}" loading="lazy">
  82. </a>
  83. {% endif %}
  84. {% endfor %}
  85. {% endif %}
  86. </div>
  87. {% endif %}
  88. {% endif %}
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  94. <div class="footer_section footer_2">
  95. <div class="container">
  96. <div class="d-flex justify-content-between newsletter">
  97. <div>
  98. <div class="footer_subtitle">{{ 'footer.newsletter.title'|trans }}</div>
  99. <div>{{ 'footer.newsletter.subtitle'|trans }}</div>
  100. </div>
  101. <div
  102. class="newsletter_input"
  103. data-newsletter-root
  104. data-newsletter-subscription-url="{{ newsLetterSubscriptionPageUrl|default('')|e('html_attr') }}"
  105. >
  106. <div class="input-group">
  107. <input
  108. type="text"
  109. id="footer-newsletter-email"
  110. class="form-control"
  111. placeholder="{{ 'auth.login.email_placeholder'|trans }}"
  112. aria-label="{{ 'auth.login.email_placeholder'|trans }}"
  113. autocomplete="email"
  114. aria-describedby="footer-newsletter-subscribe"
  115. >
  116. <div class="input-group-text btn style1 reverse_color">
  117. <button type="button" class="btn" id="footer-newsletter-subscribe">
  118. {{ getLucidIcon('mail') }}
  119. <span>{{ 'footer.newsletter.subscribe'|trans }}</span>
  120. </button>
  121. </div>
  122. </div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  128. {# {% if base.newsletter is defined and base.newsletter is not empty %}
  129. <sulu-link
  130. href="{{ base.newsletter }}">{{ 'website.ui.footer.links.newsletter_croisiland'|trans }}</sulu-link>
  131. {% endif %}
  133. #}
  135. <div class="footer_section footer_3">
  136. <div class="container">
  137. <div class="row">
  138. <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
  139. <div class="footer_subtitle">{{ 'footer.contact.title'|trans }}</div>
  140. <div>
  141. {% if base.contactUs is defined and base.contactUs is not empty %}
  142. {% for contact in base.contactUs %}
  143. {% if (webspaceKey == "main-website" and contact.isOnlyPartner == false)
  144. or (webspaceKey != "main-website" and contact.isOnlyPartner == true and contact.isNotPartner == false)
  145. or (webspaceKey != "main-website" and contact.isOnlyPartner == false and contact.isNotPartner == false)
  146. %}
  147. <div class="d-flex">
  148. <div class="picto {{ contact.icon is defined and contact.icon is not empty ? contact.icon | raw : '' }}">{{ getLucidIcon(contact.icon|default('')) }}</div>
  150. {% if contact.isInternal is defined and contact.isInternal %}
  151. <a href="{{ contact.internalLink is defined ? webspaceKey != "main-website" ? (translate_with_parameters((urls.fr|split('/fr')|first) ~ contact.internalLink, [])) | replace({' ': ''}) : contact.internalLink | replace({' ': ''}) : '#' }}">
  152. {{ (contact.text is defined and contact.text is not empty) ? translate_with_parameters(contact.text, [])|raw }}
  153. </a>
  154. {% else %}
  155. <a target="_blank"
  156. href="{{ contact.externalLink is defined and contact.externalLink is not empty ? translate_with_parameters(contact.externalLink, []) | replace({' ': ''}) : '#' }}">
  157. {{ (contact.text is defined and contact.text is not empty) ? translate_with_parameters(contact.text, [])|raw }}
  158. </a>
  159. {% endif %}
  160. </div>
  161. {% endif %}
  162. {% endfor %}
  163. {% endif %}
  165. </div>
  166. </div>
  167. <div class="col-lg-2 col-md-3 col-sm-6 col-xs-12">
  168. <div class="footer_subtitle">{{ 'footer.company.title'|trans }}</div>
  169. <div>
  170. {% if base.croisilandLinks is defined and base.croisilandLinks is not empty %}
  171. {% for link in base.croisilandLinks %}
  172. {% if (webspaceKey == "main-website" and link.isOnlyPartner == false)
  173. or (webspaceKey != "main-website" and link.isOnlyPartner == true and link.isNotPartner == false)
  174. or (webspaceKey != "main-website" and link.isOnlyPartner == false and link.isNotPartner == false)
  175. %}
  176. <div>
  177. {% if link.isInternal is defined and link.isInternal %}
  178. <a
  179. href="{{ link.internalLink is defined ? webspaceKey != "main-website" ? (translate_with_parameters((urls.fr|split('/fr')|first) ~ link.internalLink, [])) : link.internalLink : '#' }}">{{ translate_with_parameters(link.name, []) }}</a>
  180. {% else %}
  181. <a target="_blanck"
  182. href="{{ link.externalLink is defined ? translate_with_parameters(link.externalLink, []) : '#' }}">{{ translate_with_parameters(link.name, []) }}</a>
  183. {% endif %}
  184. </div>
  185. {% endif %}
  186. {% endfor %}
  187. {% endif %}
  188. </div>
  189. </div>
  190. <div class="col-lg-2 col-md-3 col-sm-6 col-xs-12">
  191. <div class="footer_subtitle">{{ 'footer.informations.title'|trans }}</div>
  192. <div>
  193. {% if base.informations is defined and base.informations is not empty %}
  194. {% for info in base.informations %}
  195. {% if (webspaceKey == "main-website" and info.isOnlyPartner == false)
  196. or (webspaceKey != "main-website" and info.isOnlyPartner == true and info.isNotPartner == false)
  197. or (webspaceKey != "main-website" and info.isOnlyPartner == false and info.isNotPartner == false)
  198. %}
  199. <div>
  200. {% if info.isInternal is defined and info.isInternal %}
  201. <a
  202. href="{{ info.internalLink is defined ? webspaceKey != "main-website" ? (translate_with_parameters((urls.fr|split('/fr')|first) ~ info.internalLink, [])) : info.internalLink : '#' }}">{{ translate_with_parameters(info.name, []) }}</a>
  203. {% else %}
  204. <a target="_blanck" rel="nofollow"
  205. href="{{ info.externalLink is defined ? translate_with_parameters(info.externalLink, []) : '#' }}">{{ translate_with_parameters(info.name, []) }}</a>
  206. {% endif %}
  207. </div>
  208. {% endif %}
  209. {% endfor %}
  210. {% endif %}
  211. </div>
  212. </div>
  213. <div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">
  214. <div class="footer_subtitle">{{ 'footer.legal.title'|trans }}</div>
  215. <div>
  216. {% if base.legalInformations is defined and base.legalInformations is not empty %}
  217. {% for legal in base.legalInformations %}
  218. {% if (webspaceKey == "main-website" and legal.isOnlyPartner == false)
  219. or (webspaceKey != "main-website" and legal.isOnlyPartner == true and legal.isNotPartner == false)
  220. or (webspaceKey != "main-website" and legal.isOnlyPartner == false and legal.isNotPartner == false)
  221. %}
  222. <div>
  223. {% if legal.isInternal is defined and legal.isInternal %}
  224. <a
  225. href="{{ legal.internalLink is defined ? webspaceKey != "main-website" ? (translate_with_parameters((urls.fr|split('/fr')|first) ~ legal.internalLink, [])) : legal.internalLink : '#' }}">{{ translate_with_parameters(legal.name, []) }}</a>
  226. {% else %}
  227. <a target="_blanck" rel="nofollow"
  228. href="{{ legal.externalLink is defined ? translate_with_parameters(legal.externalLink, []) : '#' }}">{{ translate_with_parameters(legal.name, []) }}</a>
  229. {% endif %}
  230. </div>
  231. {% endif %}
  232. {% endfor %}
  233. {% endif %}
  234. </div>
  235. </div>
  236. <div class="col-lg-2 col-md-3 col-sm-6 col-xs-12">
  237. <div class="footer_subtitle">{{ 'footer.social.title'|trans }}</div>
  238. <div class="social_networks mt-3">
  239. {% if base.socialNetworks is defined and base.socialNetworks is not empty %}
  240. {% for network in base.socialNetworks %}
  241. <a href="{{ ( network.link is defined ) ? network.link : '#' }}" target="_blanck"
  242. rel="nofollow">
  243. <div class="picto {{ network.icon is defined and network.icon is not empty ? network.icon | raw : '' }}">{{ getLucidIcon(network.icon|default('')) }}</div>
  244. </a>
  245. {% endfor %}
  246. {% endif %}
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. </div>
  253. {% if webspaceKey == "main-website" %}
  254. <div class="footer_section footer_4">
  255. <div class="container">
  256. <div class="row">
  257. <div class="col-lg-4 col-sm-6 col-xs-12 mb-0">
  258. {% if base.destinations is defined and base.destinations is not empty %}
  259. <div class="footer_subtitle"><span>{{ getLucidIcon('chevron-right', {'class': 'picto'}) }}</span> {{ 'footer.links.destinations.title'|trans }}</div>
  260. <div>
  261. <ul class="close">
  262. {% for destination in base.destinations %}
  263. <li><a href="{{ getCruiseSearchUrl([getDestinationById(destination.destinationSelector)]) }}">{{ destination.textToDisplay }}</a></li>
  264. {% endfor %}
  265. <li><a href="{{ allDestinationsUrl }}">{{ 'footer.links.destinations.all'|trans }}</a></li>
  266. </ul>
  267. </div>
  268. {% endif %}
  269. </div>
  270. <div class="col-lg-4 col-sm-6 col-xs-12 mb-0">
  271. {% if base.compagnies is defined and base.compagnies is not empty %}
  272. <div class="footer_subtitle"><span>{{ getLucidIcon('chevron-right', {'class': 'picto'}) }}</span> {{ 'footer.links.companies.title'|trans }}</div>
  273. <div>
  274. <ul class="close">
  275. {% for compagnie in base.compagnies %}
  276. <li><a href="{{ getCruiseSearchUrl([getCompanyById(compagnie.compagnieSelector)]) }}">{{ compagnie.textToDisplay }}</a></li>
  277. {% endfor %}
  278. <li><a href="{{ allCompaniesUrl }}">{{ 'footer.links.companies.all'|trans }}</a></li>
  279. </ul>
  280. </div>
  281. {% endif %}
  282. </div>
  283. <div class="col-lg-4 col-sm-6 col-xs-12 mb-0">
  284. {% if base.ports is defined and base.ports is not empty %}
  285. <div class="footer_subtitle"><span>{{ getLucidIcon('chevron-right', {'class': 'picto'}) }}</span> {{ 'footer.links.departure_ports.title'|trans }}</div>
  286. <div>
  287. <ul class="close">
  288. {% for port in base.ports %}
  289. <li><a href="{{ getCruiseSearchUrl([null]) }}">{{ port.textToDisplay }}</a></li>
  290. {% endfor %}
  291. <li><a href="{{ getCruiseSearchUrl([null]) }}">{{ 'footer.links.departure_ports.all'|trans }}</a></li>
  292. </ul>
  293. </div>
  294. {% endif %}
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. {% endif %}
  301. <div class="footer_section footer_5">
  302. <div class="container">
  303. <div class="d-flex justify-content-between">
  304. <span class="version">v.{{ shivas_app_version }}</span>
  305. {% if base is not empty and base.copyright is not none %}
  306. {{ translate_with_parameters(base.copyright, [])|raw }}
  307. {% endif %}
  308. </div>
  309. </div>
  310. </div>
  312. {% if showFloatingActions|default(true) %}
  313. <div class="bottom">
  314. {% if contactRequestForm is defined %}
  315. {% include 'pages/_includes/base/_footer_recall.html.twig' %}
  316. {% endif %}
  317. <div id="TopArrow">
  318. {{ getLucidIcon('arrow-up') }}
  319. </div>
  320. </div>
  322. <style>
  323. footer.footer {
  324. margin-top: {{ base.marginTop|default(0) ~ base.marginUnit|default('px') }};
  325. }
  326. </style>
  327. {% endif %}