{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace format=MediateSystems\MsEvent\ViewHelpers}
<f:spaceless>
	<f:if condition="{events -> f:count()} > 0">
		<f:if condition="{pagination_list.ajax.ajaxPagination}">
			<f:then>
				<f:render section="frame" arguments="{_all}"/>
			</f:then>
			<f:else>
				<f:render section="inner" arguments="{_all}"/>
			</f:else>
		</f:if>
	</f:if>
</f:spaceless>

<f:section name="frame">
	<div id="c{data.uid}" class="frame frame-{data.frame_class} frame-type-{data.CType} frame-layout-{data.layout}{f:if(condition: data.space_before_class, then: ' frame-space-before-{data.space_before_class}')}{f:if(condition: data.space_after_class, then: ' frame-space-after-{data.space_after_class}')}">
		<f:if condition="{data._LOCALIZED_UID}">
			<a id="c{data._LOCALIZED_UID}"></a>
		</f:if>

		<div class="rahmenprogramm black-white">

			<script>
				window.rahmenprogramm = {};
				window.rahmenprogramm.offset = {limit};
				window.rahmenprogramm.eventId = {eventId};
				window.rahmenprogramm.count = {count};
				window.rahmenprogramm.limit = {limit};
			</script>

			<div class="rahmenprogramm-wrapper">

				<f:if condition="{flexSettings.headline}">
					<h3 class="rahmen-headline">
						{flexSettings.headline}
					</h3>
				</f:if>
				<div class="btn-wrapper">
					<f:comment>Inline f:link.typolink for not available urls</f:comment>
					<f:if condition="{flexSettings.buttonOneLink} && {flexSettings.buttonOneText} && {f:link.typolink(parameter: '{flexSettings.buttonOneLink}')}">
						<f:link.typolink class="btn btn-secondary" parameter="{flexSettings.buttonOneLink}">
							{ms:button(type: 'text',text: flexSettings.buttonOneText,direction:"right",border:0)}
						</f:link.typolink>
					</f:if>
					<f:if condition="{flexSettings.buttonTwoLink} && {flexSettings.buttonTwoText} && {f:link.typolink(parameter: '{flexSettings.buttonTwoLink}')}">
						<f:link.typolink class="btn btn-secondary" parameter="{flexSettings.buttonTwoLink}">
							{ms:button(type: 'text',text: flexSettings.buttonTwoText,direction:"right",border:0)}
						</f:link.typolink>
					</f:if>
				</div>

				<f:comment>Render all the Events</f:comment>
				<f:render section="inner" arguments="{_all}"/>
				<f:if condition="{showLoadMoreButton}">
					<v:render.template file="EXT:ms_event/Resources/Private/Partials/Pagination/Show.html" variables="{pagination: pagination_list}" />
				</f:if>
			</div>


		</div>
	</div>

</f:section>

<f:section name="inner">
	<f:for each="{events}" as="event" iteration="it">
		<f:render partial="Event/RahmenprogrammBox" arguments="{event:event, flexSettings:flexSettings}"/>
	</f:for>
</f:section>