#if (!$keys.isEmpty())
    #set ($key = $keys[0])
    #set ($school = $schools[$key])
    #if ($school.data && $school.data.keys && !$school.data.keys.isEmpty())
        #set ($item = $school.data.dates[$school.data.keys[0]])
        <!--eri-no-index-->
        <div class="af-openHouseTeaser">

            <h2 class="af-openHouseTeaser__heading">
                Öppet hus:
            </h2>
            <div class="af-openHouseTeaser__date">
                $!{item.dayName}, $!{item.day} $!{item.month} $!{item.startHour}:$!{item.startMinute}
            </div>
            #*
            <div class="af-openHouseTeaser__ics" style="display: none;">
                <button type="button"
                        class="af-openHouseTeaser__ics__btn"
                        data-name="$!{schoolInfo.name}"
                        data-start="$!{item.year}-$!{item.monthNr}-$!{item.dayNr}T$!{item.startHour}:$!{item.startMinute}"
                        data-end="$!{item.year}-$!{item.monthNr}-$!{item.dayNr}T$!{item.endHour}:$!{item.endMinute}"
                        #if ($school.address) data-address="${school.address}" #end
                        #if ($item.description) data-description="${item.description}" #end
                        data-url="$!{school.url}">
                    Spara i kalender
                </button>
            </div>
            *#
        </div>
        <!--/eri-no-index-->
    #end
#end