{% set teaserRatio = teaserRatio ?? '3by2' %}
{% set teaserColClass = teaserColClass ?? 'col-6 col-md-3' %}
{% set teaserThumb = 'demi-infrastructure-teaser' %}
{% set noColContainer = noColContainer ?? false %}
{% set teaserImage = '' %}
{% set detailLink = '' %}
{% set target = target ?? "_self" %}
{% if not noColContainer %}
{% set shortDesc = item.getShortDescription() %}
{% if not shortDesc %}
{% set shortDesc = item.getLongDescription() %}
{% endif %}
<div class="{{ teaserColClass }}">
{% endif %}
<div class="demi-infrastructure-teaser-grid row--same-height__item isClickable">
<div class="demi-infrastructure-teaser-grid__img">
{% set bergfexLake = item.getDemiExtension() and item.getDemiExtension().demiBergfexLake ? item.getDemiExtension().demiBergfexLake : null %}
{% if bergfexLake and bergfexLake.bergfexLake and bergfexLake.bergfexLake.temperature %}
<div class="demi-infrastructure-teaser-grid__icon-info">
<span class="icon icon-water-temperature demi-infrastructure-teaser-grid__icon-info-icon" aria-hidden="true"></span>
{{ bergfexLake.bergfexLake.temperature }}°
</div>
{% endif %}
<div class="embed-responsive embed-responsive-{{ teaserRatio }}">
{% if item.getFirstImage() is instanceof ("\\Pimcore\\Model\\Asset\\Image") %}
{{ item.getFirstImage().getThumbnail(teaserThumb).getHTML({'imgAttributes': {'class' : 'embed-responsive-item' }}) | raw }}
{% endif %}
</div>
</div>
<div class="demi-infrastructure-teaser-grid__body">
<ul class="list-unstyled list-inline mb-3 vertical-gutter--2">
{% if open|default("closed") == "open" %}
<li class="badge badge-white-outline list-inline-item vertical-gutter__item">
{{ "infra.open today"|trans }}
</li>
{% endif %}
{% set town = item.getTowns()|first %}
{% if town %}
<li class='badge badge-white list-inline-item vertical-gutter__item'> {{ town.getName(app.request.locale)}}</li>
{% endif %}
</ul>
<h3 class="demi-infrastructure-teaser-grid__title">
<a href="{{ item.class.getLinkgenerator().generate(item, {reset:true, document:document}) }}"
title="{{ 'sr.demi.title.details-to' | trans }}: {{ item.getName() | striptags }}"
target="{{ target }}">
{{ item.getName() | striptags }}
</a>
</h3>
<div class="wysiwyg">
{% if shortDesc|default('') %}
{{ (elements_cutStringRespectingWhitespace(shortDesc, 120))|raw }}<br>
{% endif %}
</div>
<span class="demi-infrastructure-teaser-grid__btn btn btn-primary">
{{ 'demi.infrastructure.next' | trans }}
</span>
</div>
</div>
{% if not noColContainer %}
</div>
{% endif %}