An error occurred while processing the template.
The following has evaluated to null or missing:
==> result.getJSONObject("data").getJSONArray("items")  [in template "1084819#1084854#4104773" at line 26, column 11]

----
Tip: If the failing expression is known to be legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: doc = result.getJSONObject("data").ge...  [in template "1084819#1084854#4104773" at line 26, column 5]
	- Reached through: #assign-container  [in template "1084819#1084854#4104773" at line 24, column 1]
----
1<#import "_TEMPLATE_CONTEXT_/1084819/1099604/23609/2387505" as d40> 
2 
3<#assign 
4    SRLS = serviceLocator.findService("eu.suggesto.servicecs.service.SuggestoRecommenderLocalService") 
5    PUTIL = objectUtil("com.liferay.portal.kernel.util.PortalUtil") 
6    jsonParams = result.getNamespacedParameters().getString("jsonParams") 
7    serviceName = "tdm40" 
8    collection = "tdm_sila" 
9    query = "{'id': 0}" 
10    id = "" 
11/> 
12 
13<#if jsonParams?has_content> 
14    <#assign 
15        params = d40.createObject(jsonParams) 
16        id = params.getString("id") 
17    /> 
18     
19    <#if id?has_content> 
20        <#assign query = "{'id': ${id}}"> 
21    </#if> 
22</#if> 
23 
24<#assign 
25    result = SRLS.search("0", serviceName, collection, query, "", 0, 1) 
26    doc = result.getJSONObject("data").getJSONArray("items").getJSONObject(0) 
27/> 
28 
29<#if doc.getString("title")?has_content> 
30    ${PUTIL.setPageTitle(doc.getString("title")?capitalize, request)} 
31</#if> 
32 
33<section id="banner" class="tw:h-[20vh] lg:tw:h-[45vh] tw:overflow-hidden"> 
34    <div class="card card-flat tw:w-full tw:h-full"> 
35        <img data-src="${doc.op_img_url}" loading="lazy" class="lazyload tw:w-full tw:h-full tw:object-cover" alt="${doc.title?js_string}"/> 
36        <div class="card-img-overlay tw:bg-gradient-to-b tw:from-transparent tw:via-trasparent tw:to-dark/40 <lg:tw:hidden"></div> 
37    </div> 
38</section> 
39 
40 
41 
42<div class="container tw:my-10 lg:tw:my-20"> 
43    <div class="card-row"> 
44        <div class="autofit-col autofit-col-expand"> 
45            <div class="autofit-section"> 
46                <p class="tw:text-dark tw:text-2xl tw:font-semibold tw:mb-5 lg:tw:text-5xl"> 
47                    ${doc.title} 
48                </p> 
49            </div> 
50        </div> 
51        <div class="autofit-col tw:mt-auto <lg:tw:hidden"> 
52            <a href="/dormire" class="btn btn-block tw:border-2 tw:border-dark tw:text-dark tw:text-base hover:tw:bg-dark hover:tw:text-white tw:transition-colors tw:duration-300 tw:py-4 tw:inline-block"> 
53                ${d40.getLabel("torna_indietro")} 
54            </a> 
55        </div> 
56    </div> 
57</div> 
58 
59<div class="tw:bg-lightgray"> 
60    <div class="container tw:py-10"> 
61        <div class="row"> 
62            <div class="col-12 col-lg-6"> 
63                <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md"> 
64                    <img data-src="${doc.op_img_url}" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:w-full tw:h-full tw:object-cover" alt="${doc.title?js_string}" /> 
65                </div> 
66            </div> 
67             
68            <div class="col-12 col-lg-6"> 
69                <div class="lg:tw:ml-10 <lg:tw:mt-10"> 
70                    <div class="tw:space-y-4 tw:mb-5"> 
71                        <div class="card-row tw:space-x-3"> 
72                            <div class="autofit-col"> 
73                                <div class="autofit-section"> 
74                                    <div class="center-child tw:border-2 tw:border-dark tw:rounded-full tw:h-20 tw:w-20"> 
75                                        <i class="fas fa-paw tw:text-dark fa-2x"></i> 
76                                    </div> 
77                                </div> 
78                            </div> 
79                            <div class="autofit-col autofit-col-expand"> 
80                                <div class="autofit-section"> 
81                                    <p class="tw:text-dark tw:font-semibold tw:uppercase tw:mb-2">${d40.getLabel("animali_ammessi")}</p> 
82                                    <p class="tw:text-dark text-capitalize">${doc.op_animals}</p> 
83                                </div> 
84                            </div> 
85                        </div> 
86                    </div> 
87                     
88                    <div class="tw:space-y-4 tw:mb-5"> 
89                        <div class="card-row tw:space-x-3"> 
90                            <div class="autofit-col"> 
91                                <div class="autofit-section"> 
92                                    <div class="center-child tw:border-2 tw:border-dark tw:rounded-full tw:h-20 tw:w-20"> 
93                                        <i class="fas fa-restroom tw:text-dark fa-2x"></i> 
94                                    </div> 
95                                </div> 
96                            </div> 
97                            <div class="autofit-col autofit-col-expand"> 
98                                <div class="autofit-section"> 
99                                    <p class="tw:text-dark tw:font-semibold tw:uppercase tw:mb-2">${d40.getLabel("bagno")}</p> 
100                                    <p class="tw:text-dark text-capitalize">${doc.op_bathroom}</p> 
101                                </div> 
102                            </div> 
103                        </div> 
104                    </div> 
105                     
106                    <div class="tw:space-y-4 tw:mb-5"> 
107                        <div class="card-row tw:space-x-3"> 
108                            <div class="autofit-col"> 
109                                <div class="autofit-section"> 
110                                    <div class="center-child tw:border-2 tw:border-dark tw:rounded-full tw:h-20 tw:w-20"> 
111                                        <i class="fas fa-bed-alt tw:text-dark fa-2x"></i> 
112                                    </div> 
113                                </div> 
114                            </div> 
115                            <div class="autofit-col autofit-col-expand"> 
116                                <div class="autofit-section"> 
117                                    <p class="tw:text-dark tw:font-semibold tw:uppercase tw:mb-2">${d40.getLabel("camera_letto")}</p> 
118                                    <p class="tw:text-dark text-capitalize">${doc.op_bedroom}</p> 
119                                </div> 
120                            </div> 
121                        </div> 
122                    </div> 
123                     
124                    <div class="tw:space-y-4 tw:mb-5"> 
125                        <div class="card-row tw:space-x-3"> 
126                            <div class="autofit-col"> 
127                                <div class="autofit-section"> 
128                                    <div class="center-child tw:border-2 tw:border-dark tw:rounded-full tw:h-20 tw:w-20"> 
129                                        <i class="fas fa-wifi tw:text-dark fa-2x"></i> 
130                                    </div> 
131                                </div> 
132                            </div> 
133                            <div class="autofit-col autofit-col-expand"> 
134                                <div class="autofit-section"> 
135                                    <p class="tw:text-dark tw:font-semibold tw:uppercase tw:mb-2">Internet</p> 
136                                    <p class="tw:text-dark text-capitalize">${doc.op_internet}</p> 
137                                </div> 
138                            </div> 
139                        </div> 
140                    </div> 
141                     
142                    <div class="tw:space-y-4 tw:mb-5"> 
143                        <div class="card-row tw:space-x-3"> 
144                            <div class="autofit-col"> 
145                                <div class="autofit-section"> 
146                                    <div class="center-child tw:border-2 tw:border-dark tw:rounded-full tw:h-20 tw:w-20"> 
147                                        <i class="fas fa-utensils tw:text-dark fa-2x"></i> 
148                                    </div> 
149                                </div> 
150                            </div> 
151                            <div class="autofit-col autofit-col-expand"> 
152                                <div class="autofit-section"> 
153                                    <p class="tw:text-dark tw:font-semibold tw:uppercase tw:mb-2">${d40.getLabel("cucina")}</p> 
154                                    <p class="tw:text-dark text-capitalize">${doc.op_kitchen}</p> 
155                                </div> 
156                            </div> 
157                        </div> 
158                    </div> 
159                     
160                    <div class="tw:space-y-4 tw:mb-5"> 
161                        <div class="card-row tw:space-x-3"> 
162                            <div class="autofit-col"> 
163                                <div class="autofit-section"> 
164                                    <div class="center-child tw:border-2 tw:border-dark tw:rounded-full tw:h-20 tw:w-20"> 
165                                        <i class="fas fa-parking tw:text-dark fa-2x"></i> 
166                                    </div> 
167                                </div> 
168                            </div> 
169                            <div class="autofit-col autofit-col-expand"> 
170                                <div class="autofit-section"> 
171                                    <p class="tw:text-dark tw:font-semibold tw:uppercase tw:mb-2">${d40.getLabel("parcheggio")}</p> 
172                                    <p class="tw:text-dark text-capitalize">${doc.op_parking}</p> 
173                                </div> 
174                            </div> 
175                        </div> 
176                    </div> 
177                     
178                    <#-- 
179                    <div class="card-row"> 
180                        <div class="autofit-col"> 
181                            <div class="autofit-section"> 
182                                <a href="#request-info" class="btn btn-block tw:border-2 tw:border-dark tw:text-dark tw:text-base hover:tw:bg-dark hover:tw:text-white tw:transition-colors tw:duration-300 tw:py-4 tw:uppercase tw:px-5"> 
183                                    ${d40.getLabel("richiedi_info")} 
184                                </a> 
185                            </div> 
186                        </div> 
187                    </div> 
188                    --> 
189                </div> 
190            </div> 
191        </div> 
192    </div> 
193</div> 
194 
195<#if doc.op_gallery?has_content> 
196    <div id="gallery" class="container tw:relative tw:my-10"> 
197        <div class="swiper-container"> 
198            <button type="button" class="btn-prev semicircle-right tw:bg-dark/70 tw:w-7 tw:h-14 tw:left-0 tw:top-2/4 tw:-translate-y-2/4 tw:absolute tw:z-5"> 
199                <span class="sr-only">${d40.getLabel("precedente")}</span> 
200                <i class="fal fa-chevron-left tw:text-white"></i> 
201            </button> 
202            <button type="button" class="btn-next semicircle-left tw:bg-dark/70 tw:w-7 tw:h-14 tw:right-0 tw:top-2/4 tw:-translate-y-2/4 tw:absolute tw:z-5"> 
203                <span class="sr-only">${d40.getLabel("successivo")}</span> 
204                <i class="fal fa-chevron-right tw:text-white"></i> 
205            </button> 
206             
207            <div class="swiper-wrapper"> 
208                <#list doc.op_gallery?split(",") as slide> 
209                    <div class="swiper-slide"> 
210                        <a href="javascript:void(0);" data-toggle="modal" data-target="#lightbox-modal" data-slider="${slide?index}"> 
211                            <div class="aspect-ratio aspect-ratio-4-to-3 tw:rounded-md tw:shadow-2xl"> 
212                                <img data-src="${slide}" loading="lazy" class="lazyload aspect-ratio-item-fluid tw:object-cover tw:w-full tw:h-full" alt="image ${slide?counter}" /> 
213                            </div> 
214                        </a> 
215                    </div> 
216                </#list> 
217            </div> 
218        </div> 
219    </div> 
220     
221    <div id="lightbox-modal" tabindex="-1" role="dialog" class="modal fade"> 
222        <div class="modal-dialog modal-full-screen tw:inset-0 tw:border-none tw:shadow-none"> 
223            <div class="modal-content tw:bg-transparent"> 
224                <div class="modal-body tw:overflow-hidden"> 
225                    <div class="tw:absolute tw:top-0 tw:right-0 tw:z-5"> 
226                        <button type="button" data-dismiss="modal" class="btn btn-monospaced btn-secondary m-3"> 
227                            <i class="fal fa-times fa-lg"></i> 
228                        </button> 
229                    </div> 
230                    <div id="lightbox-swiper" class="swiper-container tw:h-3/4 tw:my-auto"> 
231                        <div class="swiper-button-prev tw:w-12 tw:h-12"> 
232                            <span class="sticker sticker-circle tw:bg-green tw:w-full tw:h-full"> 
233                                <span class="sticker-overlay"> 
234                                    <i class="fas fa-chevron-left fa-2x tw:text-white"></i> 
235                                </span> 
236                            </span> 
237                        </div> 
238                        <div class="swiper-button-next tw:w-12 tw:h-12"> 
239                            <span class="sticker sticker-circle tw:bg-green tw:w-full tw:h-full"> 
240                                <span class="sticker-overlay"> 
241                                    <i class="fas fa-chevron-right fa-2x tw:text-white"></i> 
242                                </span> 
243                            </span> 
244                        </div> 
245                        <div class="swiper-wrapper tw:h-full"> 
246                            <#list doc.op_gallery?split(",") as slide> 
247                                <div class="swiper-slide tw:h-full"> 
248                                    <img data-src="${slide}" loading="lazy" class="lazyload tw:h-full tw:object-contain tw:mx-auto" alt="image ${slide?counter}" /> 
249                                </div> 
250                            </#list> 
251                        </div> 
252                    </div> 
253                    <div id="thumbnail-swiper" class="swiper-container"> 
254                        <div class="swiper-wrapper"> 
255                            <#list doc.op_gallery?split(",") as slide> 
256                                <div class="swiper-slide"> 
257                                    <img data-src="${slide}" loading="lazy" class="lazyload tw:object-cover tw:cursor-pointer tw:h-full tw:w-full" alt="image ${slide?counter}" /> 
258                                </div> 
259                            </#list> 
260                        </div> 
261                    </div> 
262                </div> 
263            </div> 
264        </div> 
265    </div> 
266</#if> 
267 
268<#if doc.content?has_content> 
269    <div class="container tw:my-10 lg:tw:my-20"> 
270        <p class="tw:text-dark tw:text-xl tw:font-semibold tw:mb-5 lg:tw:text-4xl">${d40.getLabel("nel_dettaglio")}</p> 
271        <p class="tw:text-dark"> 
272            ${doc.content} 
273        </p> 
274    </div> 
275</#if> 
276 
277<section id="contacts" class="tw:my-20"> 
278    <div class="tw:bg-lightgray"> 
279        <div class="container tw:py-5 lg:tw:py-25"> 
280            <p class="tw:text-dark tw:text-xl tw:font-semibold tw:uppercase tw:mb-10 lg:tw:text-3xl lg:mb-15"> 
281                ${d40.getLabel("dati_contatto")} 
282            </p> 
283            <div class="row"> 
284                <div class="col-12 col-lg-6"> 
285                    <div class="card-row tw:space-x-3 tw:mb-4"> 
286                        <div class="autofit-col"> 
287                            <div class="autofit-section"> 
288                                <div class="center-child tw:border-2 tw:border-dark tw:rounded-md tw:h-10 tw:w-10"> 
289                                    <span class="sr-only">Location</span> 
290                                    <i class="fas fa-map-marker-alt tw:text-dark fa-lg"></i> 
291                                </div> 
292                            </div> 
293                        </div> 
294                        <div class="autofit-col autofit-col-expand"> 
295                            <div class="autofit-section"> 
296                                <p class="tw:text-dark"> 
297                                    ${doc.op_address} 
298                                </p> 
299                            </div> 
300                        </div> 
301                    </div> 
302                </div> 
303            </div> 
304        </div> 
305    </div> 
306</section> 
307 
308<#if doc.op_gallery?has_content> 
309    <script> 
310        document.addEventListener("DOMContentLoaded", () => { 
311            new Swiper("#gallery .swiper-container", { 
312    			slidesPerView: 1, 
313    			spaceBetween: 25, 
314    			centerSlides: true, 
315    			centerInsufficientSlides: true, 
316    			navigation: { 
317    				prevEl: ".btn-prev", 
318    				nextEl: ".btn-next", 
319    			}, 
320    			breakpoints: { 
321    				768: { 
322    					slidesPerView: 2, 
323    					spaceBetween: 25, 
324    				}, 
325    				992: { 
326    					slidesPerView: 3, 
327    					spaceBetween: 25, 
328    				}, 
329    			}, 
330    		}); 
331     
332    		var thumbnails = new Swiper("#thumbnail-swiper", { 
333    			spaceBetween: 10, 
334    			slidesPerView: 2, 
335    			centerInsufficientSlides: true, 
336    			freeMode: true, 
337    			watchSlidesVisibility: true, 
338    			watchSlidesProgress: true, 
339    			breakpoints: { 
340    				768: { 
341    					slidesPerView: 3, 
342    				}, 
343    				992: { 
344    					slidesPerView: 4, 
345    				}, 
346    				1200: { 
347    					slidesPerView: 5, 
348    				}, 
349    			}, 
350    		}); 
351     
352    		var lightbox = new Swiper("#lightbox-swiper", { 
353    			spaceBetween: 10, 
354    			autoHeight: true, 
355    			observer: true, 
356    			observeSlideChildren: true, 
357    			keyboard: { 
358    				enabled: true, 
359    			}, 
360    			navigation: { 
361    				nextEl: ".swiper-button-next", 
362    				prevEl: ".swiper-button-prev", 
363    			}, 
364    			thumbs: { 
365    				swiper: thumbnails, 
366    			}, 
367    		}); 
368     
369    		$("#lightbox-modal").on("shown.bs.modal", function (e) { 
370    			lightbox.update(); 
371    			thumbnails.update(); 
372    			lightbox.slideTo($(e.relatedTarget).data("slider")); 
373    			lightbox.update(); 
374    		}); 
375     
376    		$("#lightbox-modal .swiper-wrapper").on("click", function (e) { 
377    			if ($(e.target).attr("class").includes("swiper-slide")) { 
378    				$("#lightbox-modal").modal("hide"); 
379
380    		}); 
381        }); 
382    </script> 
383</#if>