<h1 class="noBlue">Cultural Events</h1>
<br/>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas id purus accumsan, semper ante a, pretium felis. Curabitur non lacus orci.
Donec elit nisl, auctor a convallis fringilla, molestie a libero. Aenean lacinia hendrerit nulla vitae tristique. Aenean pellentesque
tincidunt nisi nec cursus. Phasellus ut auctor enim. In dignissim metus ut consectetur ultricies. Fusce congue nulla felis. Morbi et dolor
lacus. Cras eros erat, sodales quis mauris porta, rutrum finibus velit. Duis a dolor malesuada, commodo libero quis, viverra erat.
</p>
<logic:include page="/wave/design-elements/closing-div/" />
<div style="position:relative;">
<div class="upcomingEvents"></div>
<div class="container">
<h3 style="text-align: center;" class="margin-top40">Our <span style="color: #75d7cc;">Upcoming</span> Events</h3>
<br/>
<hr/>
<ajax:event id="showhide_category_ajaxevent" updateregions="category_ajaxregion" />
<forms:form id="post_category_form" style="text-align: center;">
<p>
<forms:radiobutton name="post_category" id="cat1" valuechecked="26" label="All events" onclickajax="showhide_category_ajaxevent" value="26" />
<forms:radiobutton name="post_category" id="cat2" valuechecked="27" label="Cinema" onclickajax="showhide_category_ajaxevent" />
<forms:radiobutton name="post_category" id="cat3" valuechecked="28" label="Exhibitions" onclickajax="showhide_category_ajaxevent" />
<forms:radiobutton name="post_category" id="cat4" valuechecked="29" label="Performing Arts" onclickajax="showhide_category_ajaxevent" />
<forms:radiobutton name="post_category" id="cat5" valuechecked="30" label="Special events" onclickajax="showhide_category_ajaxevent" />
</p>
</forms:form>
<hr/>
<ajax:region id="category_ajaxregion">
<div class="row">
<data:postrepeater postcategory="[? $post_category_form.getValueForFormItem('post_category') ?]" datafilter="[? [['post_previous_event', '=', 0], 'AND', ['post_is_offline', '=', 0]] ?]" paging="true" pagingrows="8" />
</div>
<logic:if test="\Components\Website\Posts::getCount([['post_category_id', '=', $post_category_form.getValueForFormItem('post_category')], 'AND', ['post_previous_event', '=', '1']])">
<h3 style="text-align: center;" class="margin-top40">Our <span style="color: #75d7cc;">Past</span> Events</h3>
<br/>
<div class="row">
<data:repeater id="posts_repeater" as="post" datasource="\Components\Website\Posts::getAllForCategory($post_category_form.getValueForFormItem('post_category'))" paging="true" pagingrows="8" dataorder="[? [['post_date', 'desc']] ?]" datafilter="[? [['post_previous_event', '=', 1], 'AND', ['post_is_offline', '=', 0]] ?]">
<div class="[? ($post['_index'] % 6 == 0) ? 'clearfix visible-md visible-lg' : '' ?]"></div>
<div class="[? ($post['_index'] % 3 == 0) ? 'clearfix visible-xs visible-sm' : '' ?]"></div>
<div class="col-xs-4 col-md-2 text-center postNav">
<a href="[? $post['post_content_url'] ?]">
<standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" class="margin-bottom20 imgPast" />
</a>
<p>[? $post['post_title'] ?]</p>
</div>
</data:repeater>
</div>
</logic:if>
</ajax:region>
</div>
</div>
<logic:include page="/wave/design-elements/opening-div/" />
<!--
<h3 style="text-align: center;" class="margin-top40">Our <span style="color: #75d7cc;">Yearly</span> Events</h3>
<logic:include page="/wave/design-elements/closing-div/" />
<logic:include page="/wave/design-elements/opening-div-fluid/" />
<div class="turquoise-bg">
<div class="topMaskCultural"></div>
<div class="bottomMaskCultural"></div>
<div class="container bannerCultural">
<templates:row verticalAlignColumns="center">
<templates:column width="8">
<standard:image src="https://images.unsplash.com/photo-1517604931442-7e0c8ed2963c?ixid=eyJhcHBfaWQiOjY4ODV9" class="imageCulture shadow-lg p-3 mb-5 bg-white rounded"/>
</templates:column>
<templates:column width="4">
<h3 style="text-align: left;">French Film Festival</h3>
<p style="text-align: left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non pellentesque tellus. Donec magna enim, faucibus non nisl eget, pretium fermentum odio. Nam ipsum lectus, euismod eget diam a, vulputate posuere massa. Proin sagittis viverra neque at blandit. Morbi diam tellus, venenatis congue eros ut
</p>
<br/>
<a href="[? $post['post_content_url'] ?]" class="turquoise">Learn More</a>
</templates:column>
</templates:row>
</div>
</div>
<logic:include page="/wave/design-elements/closing-div/" />
<logic:include page="/wave/design-elements/opening-div/" />
<templates:row verticalAlignColumns="center">
<templates:column width="4">
<h3 style="text-align: left;">Le French May</h3>
<p style="text-align: left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non pellentesque tellus. Donec magna enim, faucibus non nisl eget, pretium
fermentum odio. Nam ipsum lectus, euismod eget diam a, vulputate posuere massa. Proin sagittis viverra neque at blandit. Morbi diam tellus,
venenatis congue eros ut
</p>
<br/>
<a href="[? $post['post_content_url'] ?]" class="turquoiseborder">Learn More</a>
</templates:column>
<templates:column width="8">
<standard:image src="/media/website_designs/7/img/content/frenchmay.jpg" class="imageCulture shadow-lg p-3 mb-5 bg-white rounded"/>
</templates:column>
</templates:row>
<logic:include page="/wave/design-elements/closing-div/" />
<logic:include page="/wave/design-elements/opening-div-fluid/" />
<div class="yellow-bg padding80">
<div class="topMaskCultural"></div>
<div class="bottomMaskCultural"></div>
<div class="container bannerCultural">
<templates:row verticalAlignColumns="center">
<templates:column width="8">
<standard:image src="https://images.unsplash.com/photo-1457523826051-6f3e5aeb89b9?ixid=eyJhcHBfaWQiOjY4ODV9" class="imageCulture shadow-lg p-3 mb-5 bg-white rounded"/>
</templates:column>
<templates:column width="4">
<h3 style="text-align: left;">Francophonie</h3>
<p style="text-align: left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non pellentesque tellus. Donec magna enim, faucibus non nisl eget, pretium fermentum odio. Nam ipsum lectus, euismod eget diam a, vulputate posuere massa. Proin sagittis viverra neque at blandit. Morbi diam tellus, venenatis congue eros ut
</p>
<br/>
<a href="[? $post['post_content_url'] ?]" class="turquoise">Learn More</a>
</templates:column>
</templates:row>
</div>
</div>
<logic:include page="/wave/design-elements/closing-div/" />
<logic:include page="/wave/design-elements/opening-div/" />
<templates:row verticalAlignColumns="center">
<templates:column width="4">
<h3 style="text-align: left;">Make music </h3>
<p style="text-align: left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In non pellentesque tellus. Donec magna enim, faucibus non nisl eget, pretium
fermentum odio. Nam ipsum lectus, euismod eget diam a, vulputate posuere massa. Proin sagittis viverra neque at blandit. Morbi diam tellus,
venenatis congue eros ut
</p>
<br/>
<a href="[? $post['post_content_url'] ?]" class="turquoiseborder">Learn More</a>
</templates:column>
<templates:column width="8">
<standard:image src="https://images.unsplash.com/photo-1450648757538-632c22bfdb7c?ixid=eyJhcHBfaWQiOjY4ODV9" class="imageCulture shadow-lg p-3 mb-5 bg-white rounded"/>
</templates:column>
</templates:row>
-->
|