{{ partial:header }}


<section>
    <div class="container">
        <div class="row">
            <div class="col-md-9 mb-xs-24">
                <div class="post-snippet mb64">
                    {{ if background }}
                        <img class="mb24" alt="Post Image" src="{{ glide :src="background" width="1920" height="920" }}">
                    {{ /if }}

                    <div class="post-title">
                        <span class="label">{{ event_date  | iso_format('ll') }}</span>
                        <h4 class="inline-block">{{ header_titre }}</h4>
                    </div>
                    <hr>
                    <div class="event-content">
                        {{ content }}
                    </div>
                </div>
                <hr>
            </div>

            <div class="col-md-3 hidden-sm">
                <div class="widget">
                    <h6 class="title">{{lieu}}</h6>
                    <hr>
                    <p>{{ adresse | nl2br}}</p>
                </div>
                <!--end of widget-->

                {{ if link_info or reservation_link}}
                    <div class="widget">
                        <h6 class="title">Lien{{ if link_info and reservation_link}}s{{ /if }}</h6>
                        <hr>
                        <ul class="link-list">
                            {{ if link_info }}
                                <li>
                                    <a href="{{ link_info }}">Information <i class="fa-solid fa-arrow-right"></i></a>
                                </li>
                            {{ /if }}
                            {{ if reservation_link }}
                                <li>
                                    <a href="{{ reservation_link }}">Reservation <i class="fa-solid fa-arrow-right"></i></a>
                                </li>
                            {{ /if }}
                        </ul>
                    </div>
                {{ /if }}
            </div>
        </div>
            {{ if artiste }}
            {{ artiste }}
            <div class="row v-align-children" style="margin-bottom: 12px">
                <div class="col-md-7 col-sm-6 mb-xs-24">
                    <h3>{{nom}}</h3>
                    <h6 class="uppercase">
                        {{ art_heure }}
                    </h6>
                    <p>
                        {{art_desc}}
                    </p>
                    <ul class="list-inline social-list">
                        {{ if insta }}
                        <li>
                            <a href="{{ insta }}" target="_blank">
                                <i class="fa-brands fa-instagram"></i>
                            </a>
                        </li>
                        {{ /if }}



                        {{ if spot }}
                        <li>
                            <a href="{{ spot }}" target="_blank">
                                <i class="fa-brands fa-spotify"></i>
                            </a>
                        </li>
                        {{ /if }}

                        {{ if sound }}
                        <li>
                            <a href="{{ sound }}" target="_blank">
                                <i class="fa-brands fa-soundcloud"></i>
                            </a>
                        </li>
                        {{ /if }}

                        {{ if web }}
                        <li>
                            <a href="{{ web }}" target="_blank">
                                <i class="fa-light fa-globe-stand"></i>
                            </a>
                        </li>
                        {{ /if }}


                    </ul>
                </div>
                <div class="col-md-4 col-md-offset-1 col-sm-5 col-sm-offset-1 text-center">
                    <img class="cast-shadow" alt="Screenshot" src="{{ glide :src="art_img" width="800" height="800" }}">
                </div>
            </div>
            {{ /artiste }}
            {{ /if }}


        <!--end of container row-->
    </div>
</section>