{% extends "base.twig" %}
{% block content %}
{% set group = post.meta('informations') %}

	<section class="content-wrapper">

		<div class="Btn retour">
			<a href="/agenda">Retour</a>
			<div class="fleche"></div>
		</div>

		<article class="row">
			<div class="header mobile col-12 d-lg-none d-block">
				<h3 class="titre_event">{{ post.title }}</h3>
			</div>

			<figure class="__img_event col-lg-6 col-12">
				<img src="{{ Image(post.image_event).src }}" />
			</figure>

			<div class="article-content col-lg-6 col-12 my-3 my-lg-0">
				<div class="header d-none d-lg-block">
					<h3 class="titre_event">{{ post.title }}</h3>
				</div>

				<div class="cat {{post.category.slug}}">
					|	{{post.category.name}} |
				</div>

				<div class="data">
				<div class="__date">
          <div class="__day">
            {% set start = post.informations_debut_event|date("Ydj") %}
            {% set end = post.informations_fin_event|date("Ydj") %}

            {% if start == end %}
              <span class="start">
                Le <time>{{post.informations_debut_event|date("j F Y") }}</time>
                de <time>{{post.informations_debut_event|date("G:i")}}</time>
              </span>
              <span class="end">
                à <time>{{post.informations_fin_event|date("G:i")}}</time>
              </span>

            {% else %}

              <span class="start">
                Du <time>{{post.informations_debut_event|date("j F Y") }}</time>
                à <time>{{post.informations_debut_event|date("G:i")}}</time>
              </span>
              <span class="end">
                <br>Au <time>{{post.informations_fin_event|date("j F Y") }}</time>
                à <time>{{post.informations_fin_event|date("G:i")}}</time></br>
              </span>

            {% endif %}
          </div>
        </div>
		      <div class="lieu">{{group.lieu}}</div>
				</div>
				<div class="wrapper__content">
					 {{ post.meta('description') }}
				</div>

				<div class="tarif">
					<h3>Tarif</h3>
					<p>{{group.type_tarif}}</p>
				</div>

				<div class="inscription">
					{% if group.inscription %}
					<h3>Inscription</h3>
						{% for Items in group.inscription %}
							{% for detail in Items %}
								{% if detail.acf_fc_layout == 'en_libre_acces' %}
									<p class="texte_details">{{ detail.texte }}</p>
								{% endif %}
								{% if detail.acf_fc_layout == 'lien_dinscription' %}
									<div class="Btn group_link">
										<a target="_blank" href="{{detail.url}}">{{detail.texte}}</a>
									</div>
								{% endif %}
							{% endfor %}
								{% for detail in Items.type_dinscription %}
								{% endfor %}
						{% endfor %}
						{% endif %}
				</div>
				<div class="Btn voir_event">
						<a href="{{post.meta('voir_evenement_facebook').lien_facebook}}">{{post.meta('voir_evenement_facebook').texte}}</a>
				</div>

				<div class="partager">
					<h3>Partager</h3>
					<div class="d-flex">
						<a href="https://www.facebook.com/sharer/sharer.php?u={{post.link}}">
							<img src="{{theme.link}}/asset/images/fb.svg" />
						</a>
						<a target="_blank" href="https://twitter.com/intent/tweet?text={{post.link}}">
							<img src="{{theme.link}}/asset/images/twitter.svg" />
						</a>

						<a href="mailto:?subject={{post.link}}" title="Share by Email">
							<img src="{{theme.link}}/asset/images/mail.svg" />
						</a>
					</div>
				</div>


			</div>
		</article>
	</section>


{% if other %}
	<section class="other">
		
		<div class="header_other">
			<h3 class="voir_aussi">Voir aussi</h3>
		</div>

		<div class="other-posts row">
			{% for item in other %}						
				{% include 'components/thumbnails/thumbnails.twig' with { name : 'other'} %}
			{% endfor %}
		</div>

	</section>
	{% endif %}

{% endblock %}