templates/home.html.twig line 36

1. {% extends 'layout.html.twig' %}
3. {% block content %}
5.     <main class="main">
7.         {% set SliderBlocks = pimcore_block('SliderBlocks', {'reload': true, 'manual': true}).start() %}
9.         <section class="section-intro">
10.         <div class="container-fluid">
11.             <div class="row intro-gutter gy-4 align-items-center">
12.                 <div class="{{ editmode ? 'col-md-6' : '' }} col-lg-6">
13.                     {% if editmode %}
14.                         <div class="row">
15.                             <p class="mt-5">Maak hieronder het aantal slides aan voor de slider op de homepage.</p>
16.                     {% elseif SliderBlocks.count > 0 %}
17.                         <div class="home-slider-outer">
18.                             <div class="swiper swiper--home-projects home-slider-inner" id="home-projects-slider">
19.                                 <div class="swiper-wrapper">
20.                     {% endif %}
22.                                     {% for i in SliderBlocks.iterator %}
24.                                         {% do SliderBlocks.blockConstruct() %}
26.                                         {% if editmode %}
27.                                         <div class="col-md-6 mb-3">
28.                                         {% endif %}
30.                                         {% do SliderBlocks.blockStart() %}
31.                                         {{
32.                                         pimcore_renderlet('project', {
33.                                             "title": 'Sleep hier een project in de slider...',
34.                                             "controller": "App\\Controller\\HomeController::HomeSliderRenderletAction",
35.                                             "editmode": editmode,
36.                                             "lazy": loop.index != 1
37.                                         })
38.                                         }}
39.                                         {% do SliderBlocks.blockEnd() %}
41.                                         {% if editmode %}
42.                                         </div>
43.                                         {% endif %}
45.                                         {% do SliderBlocks.blockDestruct() %}
46.                                     {% endfor %}
48.                                     {% do SliderBlocks.end() %}
50.                     {% if editmode %}
51.                         </div>
52.                     {% elseif SliderBlocks.count > 0 %}
53.                                 </div>
55.                                 <div class="swiper-button-prev"></div>
56.                                 <div class="swiper-button-next"></div>
58.                             </div>
59.                         </div>
60.                     {% endif %}
61.                 </div>
63.                 <div class="{{ editmode ? 'col-md-6' : '' }} col-lg-5">
64.                     <div class="home-intro">
65.                         {{ pimcore_wysiwyg('intro', {'placeholder': 'Intro...'}) }}
66.                     </div>
67.                 </div>
68.             </div>
69.         </div><!--/ .container-fluid -->
70.     </section>
79. {#        {% if projects|length %}#}
80. {#            <div class="home-slider-outer">#}
81. {#                <div class="swiper swiper--home-projects home-slider-inner" id="home-projects-slider">#}
82. {#                    <div class="swiper-wrapper">#}
83. {#                        {% for project in projects %}#}
84. {#                            {% set img_src = project.photoIndexLarge ? project.photoIndexLarge.thumbnail('ProjectRenderletThumbnail') : 'https://via.placeholder.com/2000x1125/ccc' %}#}
85. {#                            <div class="swiper-slide" style="background-image: url('{{ img_src }}');">#}
87. {#                                {% set url = app_project_detaillink(project) %}#}
89. {#                                <a href="{{ url }}">#}
90. {#                                    <p class="title">{{ project.title }} <span class="mx-2">&mdash;</span> {{ project.location }}</p>#}
91. {#                                </a>#}
92. {#                            </div>#}
93. {#                        {% endfor %}#}
94. {#                    </div>#}
96. {#                    <div class="swiper-button-prev"></div>#}
97. {#                    <div class="swiper-button-next"></div>#}
98. {#                </div>#}
100. {#                <button class="home-slider-down d-none d-md-block" id="go-down">#}
101. {#                    <img src="{{ asset('/img/arrow_down_scroll.png') }}" alt="">#}
102. {#                </button>#}
103. {#            </div>#}
104. {#        {% endif %}#}
105.         
106.         <section class="section--richcontent">
107.             {{ pimcore_areablock("contentAreaBlock") }}
108.         </section>
110.         <section class="section--ctas">
111.             <div class="container-fluid">
112.                 <div class="row justify-content-center">
113.                     <div class="col-lg-10 px-md-0">
114.                         <h2 class="pb-3 pb-md-5">{{ pimcore_textarea('ctasTitle', {'placeholder': 'Titel...', 'nl2br': true}) }}</h2>
115.                     </div>
116.                 </div><!--/ .row -->
118.                 {% set highlightBlocks = pimcore_block('highlightblock', {'reload': true, 'manual': true}).start() %}
119.                 {% set colors = ['dark', 'medium', 'light'] %}
121.                 <div class="row gx-xl-5">
122.                     {% for i in highlightBlocks.iterator %}
123.                         {% do highlightBlocks.blockConstruct() %}
125.                         {% set color = colors[i] ?? 'light' %}
126.                 
127.                         <div class="col-12 col-md-6 col-lg-4 d-flex flex-column">
128.                         {% do highlightBlocks.blockStart() %}
130.                         {% if editmode %}
131.                             <span class="box box-gray-{{ color }}">
132.                         {% else %}
133.                             {% set link = pimcore_link('introLink') %}
134.                             <a href="{{ link.getHref() }}" class="box box-gray-{{ color }}">
135.                         {% endif %}
136.                                 
137.                                 <h3 class="title">{{ pimcore_input('title', {'placeholder': 'Titel...'}) }}</h3>
139.                                 <p>{{ pimcore_textarea("intro", {"nl2br": true, 'placeholder': 'Intro...'}).render()|raw  }}</p>
141.                                 {% if editmode %}
142.                                     {{ pimcore_link('introLink', {'class': 'btn btn-primary'}) }}
143.                                 {% else %}
144.                                     <img class="arrow" src="{{ asset('/img/arrow_block.png') }}" alt="">
145.                                 {% endif %}
146.                         {% if editmode %}
147.                             </span>
148.                         {% else %}
149.                             </a>
150.                         {% endif %}
151.                 
152.                         {% do highlightBlocks.blockEnd() %}
153.                         </div>
155.                         {% do highlightBlocks.blockDestruct() %}
156.                     {% endfor %}
158.                     {% do highlightBlocks.end() %}
159.                 </div><!--/ .row -->
161.                 <div class="row justify-content-center">
162.                     <div class="col-lg-10 text-center px-md-0">
163.                         {{ pimcore_link('introLink', {'class': 'btn btn-dark text-uppercase', "placeholder": "Knop..."}) }}
164.                     </div>
165.                 </div><!--/ .row -->
166.             </div><!--/ .container -->
167.         </section>
169.         <section class="section--richcontent">
170.             {{ pimcore_areablock("contentAreaBlock2") }}
171.         </section>
174.         <div class="content-block">
175.             {{ pimcore_snippet('review_snippet') }}
176.         </div>
177.         
178.     </main>
179. {% endblock %}