{% if animation.name %}
<article class="pmb-agenda-anims pmb-agenda-anims-search">
	<div class="pmb-anim-list pmb-anims-liste-interne">
		<div class="pmb-anim-item uk-flex uk-flex-right uk-flex-row-reverse">
			{% if animation.type.label %}
			<div class="pmb-item-info uk-margin-left">
				<div class="pmb_loca_and_type">
					<p class="pmb-type">
						{{ animation.type.label }}
					</p>
				</div>
				<h3 class="pmb-title-3">{{ animation.name}}</h3>
				{% if animation.event.startDate %}
					<p class="pmb-date">
						{% if animation.event.startDate != animation.event.endDate %}
							{{ msg.prt_du }} {{ animation.event.startDate | strftime '%d/%m/%Y' }}
							{% if ! animation.event.duringDay %}
								{{ msg.prt_au }} {{ animation.event.endDate | strftime '%d/%m/%Y' }}
							{% endif %}
							{% if animation.event.startHour != '00:00' %}
								| {% if animation.event.endHour != '00:00' %}{{ msg.prt_de }}{% else %}{{ msg.prt_a }}{% endif %} <span class="pmb-hours">{{ animation.event.startHour | date "G" }}h{{ animation.event.startHour | date "i" }}</span>
							{% endif %}
							{% if animation.event.endHour != '00:00' %}
								{{ msg.prt_a }} <span class="pmb-hours">{{ animation.event.endHour | date "G" }}h{{ animation.event.endHour | date "i" }}</span>
							{% endif %}
						{% else %}
							{{ msg.prt_le }} {{ animation.event.startDate | strftime '%d/%m/%Y' }}
							{% if animation.event.startHour != '00:00' %}
								| {% if animation.event.endHour != '00:00' %}{{ msg.prt_de }}{% else %}{{ msg.prt_a }}{% endif %} <span class="pmb-hours">{{ animation.event.startHour | date "G" }}h{{ animation.event.startHour | date "i" }}</span>
							{% endif %}
							{% if animation.event.endHour != '00:00' %}
								<span class="pmb-hours">{{ animation.event.endHour | date "G" }}h{{ animation.event.endHour | date "i" }}</span>
							{% endif %}
						{% endif %}
						{% if animation.location.0.name %}
							| {% for anim_location in animation.location %}{% if loop.index > 1 %} | {% endif %}{{ anim_location.locationLibelle }}{% endfor %}
						{% endif %}
					</p>
				{% endif %}
				{% if animation.description %}
					<p class="pmb-resume">
						{{ animation.description | strip_tags | limitstring 350 '...'}}
					</p>
				{% endif %}
				{*{% if animation.comment %}
					<p class="pmb-resume">
						{{ animation.comment | strip_tags | limitstring 250 '...'}}
					</p>
				{% endif %}*}
				{% if animation.categories %}
					<div class="pmb-animation-categories">
						<div class="labelAnim">
							<span>{{ msg.animation_categories }} :</span>
						</div>
						<ul class="pmb-animation-categories-list">
							{% for index,categ in animation.categories %}
								<li><a href="./index.php?lvl=categ_see&id={{ categ.id }}">{{ categ.displayLabel }}</a>{% if !loop.last %}; {% endif %}</li>
							{% endfor %}
						</ul>
					</div>
				{% endif %}
				{% if animation.concepts %}
					<div class="pmb-animation-concepts">
						<div class="labelAnim">
							<span>{{ msg.animation_concepts }} :</span>
						</div>
						<ul class="pmb-animation-concepts-list">
							{% for concept in animation.concepts %}
								<li><a href="./index.php?lvl=concept_see&id={{ concept.id }}">{{ concept.displayLabel }}</a></li>
								{% if !loop.last %}; {% endif %}
							{% endfor %}
						</ul>
					</div>
				{% endif %}
				{% if animation.customFields %}
					<ul>
						{% for cp in animation.customFields %}
							{% if cp.customField.opacShow == 1 and cp.customFormatValues.values.0.format_value %}
								<li class="pmb-animation-p-perso">
									<div class="labelAnim">
										<span>{{ cp.customField.titre }} :</span>
									</div>
									<div class="labelContent">
										<span>{{ cp.customFormatValues.values.0.format_value}}</span>
									</div>
								</li>
							{% endif %}
						{% endfor %}
					</ul>
				{% endif %}
				<div class="uk-flex uk-flex-wrap uk-flex-top uk-flex-between pmb-buttons-container">				
					<div class="pmb-button-container">
						<a class="pmb-link-primary" href="./index.php?lvl=animation_see&id={{animation.idAnimation}}"
							aria-label="Lire la suite de l'animation {{animation.name}}">{{msg.prt_lire}}</a>
					</div>
					{%if animation.globalQuota != "-1"%}
						<div class="pmb-button-container animation_button_registration">
							<a class="pmb-button" href="./index.php?lvl=registration&action=add&id_animation={{animation.idAnimation}}"
								aria-label="S'inscrire à l'animation {{animation.name}}">{{msg.subscribe}}</a>
						</div>
					{%endif%}
				</div>
			</div>
			{% endif %}
			{% if animation.logo %}
			<div class="pmb-anim-logo">
				<img src="./animations_vign.php?animationId={{ animation.idAnimation}}&size=300"
					alt="{% if article.fields_type.cp_edt_a_logo_alt.values.0.value %}{{article.fields_type.cp_edt_a_logo_alt.values.0.value}}{% endif %}" />
			</div>
			{%else%}
			<div class="pmb-anim-logo">
				<img src="{{img.animations.png}}" 
					alt="" />
			</div>
			{% endif %}

		</div>
	</div>
</article>
{% else %}
<p role="status">{{ msg.animation_unavailable }}</p>
{% endif %}