templates/pages/akaru/residence/index.html.twig line 1

Open in your IDE?
  1. {#
  2.     page: home
  3. #}
  5. {% extends "layouts/base.html.twig" %}
  7. {% set jsPageId = 'residence-home' %}
  8. {% set pageClass = 'ResidencePage ResidenceHome' %}
  10. {% block content %}
  12.     {# Header #}
  13.     {% include "component/header.html.twig" with {
  14.     props: {
  15.       langs: [{
  16.         value: 'fr',
  17.         to: '/',
  18.         active: (app.request.getLocale() == 'fr') ? true : false
  19.       },{
  20.         value: 'en',
  21.         to: '/en',
  22.         active: (app.request.getLocale() == 'en') ? true : false
  23.       }],
  24.       account:{
  25.         link: path("app_signin", { '_locale': app.request.getLocale() }),
  26.         text: "myaccount.title"|trans
  27.       }
  28.     }
  29.   } only %}
  31.   {# Modal #}
  32.   {% set first_visite = app.session.get("first_visite") %}
  33.   {% if first_visite %}
  34.     {% set cta = null %}
  35.     {% if frontservice.getPopinContent('label_url', lang) and frontservice.getPopinContent('lien_url', lang) %}
  36.       {% set cta = {
  37.         text: frontservice.getPopinContent('label_url', lang),
  38.         to: frontservice.getPopinContent('lien_url', lang),
  39.       } %}
  40.     {% endif %} 
  41.       {% include "component/modal.html.twig" with {
  42.         props: {
  43.           title: frontservice.getPopinContent('titre', lang),
  44.           text: frontservice.getPopinContent('description', lang),
  45.           button: cta,
  46.           image: frontservice.getMediaPublicUrl(frontservice.getPopinContent('image', lang), 'reference',''),
  47.           open: frontservice.getPopinContent('actif')
  48.         }
  49.       } only %}
  50.   {% endif %}
  52.     {# Hero content #}
  53.   {% include "component/hero_content.html.twig" with {
  54.     props: {
  55.       heading: {
  56.         title:  frontservice.getHeaderFields(page, 'header_titre', lang)|nl2br,
  57.         titleAnnex: frontservice.getHeaderFields(page, 'header_sur_titre', lang)|nl2br
  58.       },
  59.       background: frontservice.getMediaPublicUrl(page.headerImage, 'reference', frontservice.getHeaderFields(page, 'alt_header_img', lang)),
  60.       video:(frontservice.getHeaderVideo(page)) ? {
  61.         type:'video/mp4',
  62.         src: asset(frontservice.getHeaderVideo(page))
  63.       } : null
  64.     }
  65.   } only %}
  67.     {# Filter Bar #}
  68.     {% include "component/header/filter_bar.html.twig" with {
  69.     props:{
  70.       bookingtitle:"booking.title"|trans,
  71.     },
  72.     data: {
  73.         selected: [
  74.         {
  75.           label: "Réserver un appartement",
  76.           set: ["calendar","adults","children","duration"]
  77.         }
  78.       ],
  79.       setsitems: [
  80.         {
  81.           item: "calendar",
  82.           label: "Arrivée",
  83.           icon: "calendar",
  84.           value: 0,
  85.         },
  86.         {
  87.           item: "adults",
  88.           label: "Adultes",
  89.           icon: "adult",
  90.           value: "1",
  91.           values: [
  92.             "1 adulte",
  93.             "2 adultes",
  94.             "3 adultes",
  95.             "4 adultes"
  96.           ],
  97.         },
  98.         {
  99.           item: "children",
  100.           label: "Enfants",
  101.           icon: "child",
  102.           value: "0",
  103.           values: [
  104.             "0 enfant",
  105.             "1 enfant",
  106.             "2 enfants",
  107.             "3 enfants",
  108.             "4 enfants"
  109.           ],
  110.         },
  111.         {
  112.           item: "duration",
  113.           label: "Durée du séjour",
  114.           icon: "moon",
  115.           value: "1",
  116.           values: [
  117.             "1 jour",
  118.             "2 jours",
  119.             "3 jours"
  120.           ],
  121.         },
  122.       ]
  123.     }
  125.   } only %}
  127.   {% if composants %}
  128.     {% for composant in composants %}
  129.     {% if frontservice.getContentField(composant, 'masquer', lang) != 1 %}
  130.     
  131.       {% set layout_sens = 1 %}
  132.       {% if composant.sensAffichage == 'gauche' %}
  133.           {% set layout_sens = 1 %}
  134.       {% elseif composant.sensAffichage == 'droite'  %}
  135.           {% set layout_sens = 2 %}    
  136.       {% endif %}
  137.       {% set img_principale =  frontservice.getMediaPublicUrl(composant.imagePrincipal, 'big', frontservice.getContentField(composant, 'alt_p', lang)) %}
  138.       {% set img_secondaire =  frontservice.getMediaPublicUrl(composant.imageSecondaire, 'big', frontservice.getContentField(composant, 'alt_s', lang)) %}
  139.       {% set description = frontservice.getContentField(composant, 'description', lang) %}
  140.       {% set intro_description = frontservice.getContentField(composant, 'intro_description', lang) %}
  141.       {% set titre_principal = frontservice.getContentField(composant, 'titre_principal', lang)|nl2br %}
  142.       {% set titre_principal_riche = frontservice.getContentField(composant, 'titre_principal_rich', lang)|replace({'<p>': '', '</p>': ''}) %}
  143.       {% set surtitre = frontservice.getContentField(composant, 'surtitre', lang) %}
  144.       {% set label_lien_principal = frontservice.getContentField(composant, 'label_lien_principal', lang) %}
  145.       {% set url = '' %} {% set links = null %}
  146.       {% if composant.urlLienPrincipalPage %}
  147.           {% set url = frontservice.getUrlPage(composant.urlLienPrincipalPage, lang) %}
  148.       {% else %}
  149.           {% set url = frontservice.getContentField(composant, 'url_lien_principal', lang) %}
  150.       {% endif %}
  151.       {% if url and label_lien_principal %}
  152.         {% set links = [] %}
  153.         {% set links = links|merge([{
  154.           text: label_lien_principal,
  155.           title: label_lien_principal,
  156.           to: url
  157.         }]) %}
  158.       {% endif %}
  160.       {# Home introduction #}
  161.       {% if composant.cmsComposant.nomTechniqueComposant == "component/home_introduction.html.twig" %}
  162.         {% include "component/home_introduction.html.twig" with {
  163.           props: {
  164.             heading: {
  165.               title: titre_principal_riche,
  166.               titleAnnex: surtitre
  167.             },
  168.             text: description,
  169.             firstImage: img_principale,
  170.             secondImage: img_secondaire,
  171.             shape:{
  172.               src:asset('build/images/01_HOME_01.png'),
  173.               backgroundcolor:true
  174.             }
  176.           }
  177.         } %}
  178.       {% endif %}
  180.       {# Text image #}
  181.       {% if composant.cmsComposant.nomTechniqueComposant == "component/text_image.html.twig" %}
  182.         {% include "component/text_image.html.twig" with {
  183.           props: {
  184.             layout: layout_sens,
  185.             heading: {
  186.               title: titre_principal,
  187.               titleAnnex: surtitre
  188.             },
  189.             text: '<p class="intro">'~ intro_description ~'</p><p>'~ description ~'</p>',
  190.             links: links,
  191.             image: img_principale,
  192.           }
  193.         } %}
  194.       {% endif %}
  196.       {# Image slider #}
  197.       {% if composant.cmsComposant.nomTechniqueComposant == "component/image_slider.html.twig" %}
  198.         {% set image_slider_items = composant.getCmsPageBlockComposantItems() %}
  199.         {% set content = [] %}
  200.         {% if image_slider_items %}
  201.             {% for item in image_slider_items %} 
  202.               {% set masquer = frontservice.getContentItemField(item, 'masquer', lang) %}
  203.               {% if masquer != 1 %}
  204.                 {% set image =  frontservice.getMediaPublicUrl(item.imagePrincipal, 'big', frontservice.getContentItemField(item, 'alt_p', lang)) %}
  205.                 {% set image = image|merge({lazyload:false}) %}
  206.                 {% set content = content|merge([{
  207.                       title: frontservice.getContentItemField(item, 'titre_principal', lang)|replace({"\n": "<br />"})|raw,
  208.                       image: image
  209.                   }]) 
  210.                 %}
  211.               {% endif %}
  212.             {% endfor %} 
  213.         {% endif %}
  214.         {% include "component/image_slider.html.twig" with {
  215.           props: {
  216.             heading:{
  217.               title: titre_principal,
  218.               titleAnnex: surtitre
  219.             },
  220.             items: content
  221.           }
  222.         } %}
  223.       {% endif %}
  225.       {# Accordion content #}
  226.       {% if composant.cmsComposant.nomTechniqueComposant == "component/accordion_content.html.twig" %}
  227.         {% set accordion_content_items = composant.getCmsPageBlockComposantItems() %}
  228.         {% set content = [] %}
  229.         {% if accordion_content_items %}
  230.             {% for item in accordion_content_items %} 
  231.               {% set masquer = frontservice.getContentItemField(item, 'masquer', lang) %}
  232.               {% if masquer != 1 %}
  233.                   {% set all_links = null %}
  234.                   {% set item_url = null %}
  235.                   {% if item.urlLienPrincipalPage %}
  236.                       {% set item_url = frontservice.getUrlPage(item.urlLienPrincipalPage, lang) %}
  237.                   {% else %}
  238.                       {% set item_url = frontservice.getContentItemField(item, 'url_lien_principal', lang) %}
  239.                   {% endif %}
  240.                   {% if item_url and frontservice.getContentItemField(item, 'label_lien_principal', lang) %}
  241.                     {% set all_links = [] %}  
  242.                     {% set all_links = all_links|merge([{
  243.                                 text: frontservice.getContentItemField(item, 'label_lien_principal', lang),
  244.                                 to: item_url
  245.                     }]) %} 
  246.                   {% endif %}
  247.                   {% set image =  frontservice.getMediaPublicUrl(item.imagePrincipal, 'big', frontservice.getContentItemField(item, 'alt_p', lang)) %}
  248.                   {% set content = content|merge([{
  249.                           title: frontservice.getContentItemField(item, 'titre_principal', lang)|replace({"\n": "<br />"})|raw,
  250.                           text: frontservice.getContentItemField(item, 'description', lang) ,
  251.                           image: image,
  252.                           links: all_links
  253.                   }]) %}
  254.               {% endif %}
  255.             {% endfor %} 
  256.         {% endif %}
  257.         {% include "component/accordion_content.html.twig" with {
  258.           props: {
  259.             layout: layout_sens,
  260.             contents: content
  261.           }
  262.         } %}
  263.       {% endif %}
  265.       {# Discover suites #}
  266.       {% if composant.cmsComposant.nomTechniqueComposant == "component/discover_suites.html.twig" %}
  267.             {% include "component/discover_suites.html.twig" with {
  268.               props: {
  269.                 heading: {
  270.                   title: titre_principal,
  271.                   titleAnnex: surtitre
  272.                 },
  273.                 text: '<p style="position:relative; display:block;">'~ description ~'</p>',
  274.                 link: (links) ? links|first : null,
  275.                 image: img_principale,
  276.               }
  277.             } %}
  278.       {% endif %}
  280.       {# Stay informed #}
  281.       {% if composant.cmsComposant.nomTechniqueComposant == "component/stay_informed.html.twig" %}
  282.             {% set stay_informed_items = composant.getCmsPageBlockComposantItems() %}
  283.             {% set content = [] %}
  284.             {% if stay_informed_items %}
  285.                 {% for item in stay_informed_items %}
  286.                   {% set item_url = '#' %}
  287.                   {% if item.urlLienPrincipalPage %}
  288.                       {% set item_url = frontservice.getUrlPage(item.urlLienPrincipalPage, lang) %}
  289.                   {% else %}
  290.                       {% set item_url = frontservice.getContentItemField(item, 'url_lien_principal', lang) %}
  291.                   {% endif %}
  292.                   {% set content = content|merge([{
  293.                             title: frontservice.getContentItemField(item, 'titre_principal', lang)|replace({"\n": "<br />"})|raw,
  294.                             subtitle: frontservice.getContentItemField(item, 'soustitre', lang),
  295.                             to: item_url,
  296.                             image: frontservice.getMediaPublicUrl(item.imagePrincipal, 'big', frontservice.getContentItemField(item, 'alt_p', lang))
  297.                         }]) 
  298.                   %}
  299.                 {% endfor %} 
  300.             {% endif %}
  301.             {% include "component/stay_informed.html.twig" with {
  302.               props: {
  303.                 heading: {
  304.                   title: titre_principal,
  305.                   titleAnnex: surtitre
  306.                 },
  307.                 contents: content
  308.               }
  309.             } %}
  310.       {% endif %}
  311.     {% endif %}
  312.     {% endfor %}
  313.   {% endif %}
  315.     {# Footer #}
  316.     {% include "component/footer.html.twig" %}
  318. {% endblock %}