<div class="mdh-calendar">
    <ul class="mdh-block-list">
        #foreach ($event in $result.events)
        ## #if ($event.title)
        <li class="mdh-block-list__item">
            #if ($event.title)
            <p class="mdh-h3"><a class="mdh-text-link" href="$event.url">$event.title #if ($event.fullyBooked) ($fullyBookedText) #end</a></p>
            #end
            #if ($event.dates && $event.dates.length > 0)
            <div class="mdh-icon-list-wrapper">
                <i class="mdh-icon-list__icon material-icons" aria-hidden="true">event</i>
                <span class="show-for-sr">$dateText</span>
                <ul class="mdh-icon-list">
                    #foreach ($date in $event.dates)
                        <li class="mdh-icon-list__item">
                            <span>$date</span>
                        </li>
                    #end
                </ul>
            </div>
            #end
            #if ($event.location)
            <ul class="mdh-icon-list">
                <li class="mdh-icon-list__item">
                    <i class="mdh-icon-list__icon material-icons" aria-hidden="true">near_me</i>
                    <span class="show-for-sr">$locationText</span>
                    <span>$event.location</span>
                </li>
            </ul>
            #end
            #if ($event.text)
            <p class="mdh-p mdh-calendar__text">$event.text</p>
            #end
        </li>
        ## #end
        #end
    </ul>

    #if($resultPagination.totalPages > 0)
        <div class="mdh-pagination__container mdh-calendar__pagination">
            #if($resultPagination.currentPage != 1)
                #set($pageNumber = $page.intValue())
                <a class="mdh-pagination__page mdh-pagination__page--prev" href="?page=$resultPagination.prevPage.intValue()"><i class="material-icons mdh-pagination__icon">keyboard_arrow_left</i></a>
            #end
            #foreach($page in $resultPagination.pages)
                #set($pageNumber = $page.intValue())
                #set($classes = '')
                
                #foreach($pageSize in $resultPagination.pageSizes[$page])
                    #set($classes = $classes +' mdh-pagination__page--show-' +$pageSize)
                #end

                #if($resultPagination.currentPage == $pageNumber)
                    <span class="mdh-pagination__page mdh-pagination__page--current $classes">$pageNumber</span>
                #else
                    <a class="mdh-pagination__page mdh-pagination__link $classes" href="?page=$pageNumber">$pageNumber</a>
                #end
            #end
            #if($resultPagination.currentPage != $resultPagination.totalPages)                    
                <a class="mdh-pagination__page mdh-pagination__page--next" href="?page=$resultPagination.nextPage.intValue()"><i class="mdh-pagination__icon material-icons">keyboard_arrow_right</i></a>                
            #end
        </div>
    #end
</div>