{{ partial:header }}

<style>

    .flex-direction-nav a.flex-next::before{
        content: "\f054";
        font-weight: 400;
        font-family: "Font Awesome 6 Pro";
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
    }
    .flex-direction-nav a.flex-prev::before {
        content: "\f053";
        font-weight: 400;
        font-family: "Font Awesome 6 Pro";
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
    }

</style>
<section>
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h4 class="uppercase mb16">Informations</h4>
                <p class="lead mb64">
                    Règlement de la Parade et formulaire pour les chars: <a href="/parade.pdf" target="_blank">parade.pdf</a><br>
                    Formulaire pour les stands: <a href="/contrat-stand.pdf" target="_blank">stands.pdf</a><br>

                </p>
            </div>
        </div>
        <!--end of row-->
        <div class="row">
            <div class="col-sm-12">

                <div class="image-slider slider-thumb-controls controls-inside">
                    <ul class="slides">
                        {{ glide :src="images" width="2000" }}

                        <li>
                            <img alt="Image" src="{{ url }}" />
                        </li>
                        {{/glide}}
                    </ul>
                </div>
                <!--end of image slider-->
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 text-center">
                <p class="lead mb64">
                    En format PDF: <a href="/associations.pdf" target="_blank">associations.pdf</a><br>
                </p>
            </div>
        </div>

        <!--end of row-->
    </div>
    <!--end of container-->
</section>
<section>
    <div class="container">
        <div class="row">
            <div class="col-sm-12  text-center">
                <h4 class="uppercase mb16">Questions</h4>
            </div>
                <div class="col-sm-10 col-lg-offset-1">
                <ul class="accordion accordion-2">

                    {{ collection from="faqAssociations" sort="order" }}
                    <li>
                        <div class="title">
                            <h4 class="inline-block mb0">
                                <i class="fa-light fa-plus"></i><i class="fa-light fa-minus"></i>&nbsp;{{title}}</h4>
                        </div>
                        <div class="content">
                            <p>
                                {{content}}
                            </p>
                        </div>
                    </li>
                    {{ /collection }}

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


<section>
    <div class="row">
        <div class="col-sm-12 text-center">
            <h4 class="uppercase mb16">Participants</h4>
            <p class="lead mb64">
                Par ordre alphabétique
            </p>
        </div>
    </div>
    <div class="container">
        <div class="row">
            {{ collection from="parade" }}

            <div class="col-sm-10 col-sm-offset-1">
                <div class="post-snippet mb64">
                    <div style="display: flex;">
                        <div class="association-img" style="display: flex; justify-content: center; align-items: center; padding-right:20px; width: 120px">
                            <a href="#">
                                <img alt="{{title}}" class="association-logo" src="{{ glide :src="logo" width="200"
                                height="200" fit="contain" }}" style="max-height:100px"
                                />
                            </a>
                        </div>
                        <div class="association-title">
                            <div class="post-title">
                                <a href="#">
                                    <h4 class="inline-block">{{title}}</h4>
                                </a>
                            </div>
                            <ul class="post-meta">
                                {{ if parade_status != "NotConcerneded" }}
                                <li>
                                    <i class="fa-regular fa-person-walking-arrow-loop-left"></i>

                                    <span>
                                        {{ if parade_status == "Empty" }}
                                            <a href="#" style="color:#959699">Pas demandé/souhaité</a>
                                        {{ elseif parade_status == "Accepte" }}
                                            <a href="#" style="color:#27CD83">Accepté</a>
                                        {{ elseif parade_status == "Accepte2" }}
                                            <a href="#" style="color:#27CD83">Accepté (après arbitrage)</a>
                                        {{ elseif parade_status == "Refuse" }}
                                            <a href="#" style="color:#FC493F">Refusé</a>
                                        {{ elseif parade_status == "PlusDInfo" }}
                                            <a href="#" style="color:#FEC958">Besoin de plus d'info</a>
                                        {{ elseif parade_status == "Analyse" }}
                                            <a href="#" style="color:#FEC958">En cours de réflexion</a>
                                        {{ else }}
                                            <a href="#" style="color:#E5E7EB">Erreur technique</a>
                                        {{ /if }}
                                    </span>
                                </li>
                                {{ /if }}
                                <li>
                                    {{ if stand_status != "NotConcerneded" }}
                                    <i class="fa-regular fa-house-blank"></i>
                                    <span>
                                        {{ if stand_status == "Empty" }}
                                            <a href="#" style="color:#959699">Pas demandé</a>
                                        {{ elseif stand_status == "Accepte" }}
                                            <a href="#" style="color:#27CD83">Accepté</a>
                                        {{ elseif stand_status == "Accepte2" }}
                                            <a href="#" style="color:#27CD83">Accepté (après arbitrage)</a>
                                        {{ elseif stand_status == "Refuse" }}
                                            <a href="#" style="color:#FC493F">Refusé</a>
                                        {{ elseif stand_status == "PlusDInfo" }}
                                            <a href="#" style="color:#FEC958">Besoin de plus d'info</a>
                                        {{ elseif stand_status == "Analyse" }}
                                            <a href="#" style="color:#FEC958">En cours de réflexion</a>
                                        {{ else }}
                                            <a href="#" style="color:#E5E7EB">{{parade_status}}</a>
                                        {{ /if }}
                                    </span>
                                </li>
                                {{ /if }}
                                </li>
                            </ul>
                        </div>
                    </div>

                    <hr>


                    <div class="row">
                        {{ if parade_status != "NotConcerneded" &&  parade_status != "Refuse" &&  parade_status != "PlusDInfo" &&  parade_status != "Analyse" &&  parade_status != "Empty" }}
                            <div class="col-sm-6">
                                <p>
                                <b><i class="fa-regular fa-person-walking-arrow-loop-left"></i> Parade</b><br>

                                    Participation: {{ parade_char:label }}
                                    <br>Emplacement: {{ emplacement }}
                                    {{if parade_char == "oui"}}
                                    <br>Contrat: {{ parade_ccontrat:label }}
                                    {{ if parade_ccontrat == "waiting" || parade_ccontrat == "recu" || parade_ccontrat == "envoye" }}
                                    <br>Document disponible ici: <a href="/parade.pdf" target="_blank"><i class="fa-regular fa-file-signature"></i> parade.pdf</a>
                                    {{/if}}
                                    {{/if}}
                                    <!-- Emplacement : {{ if emplacement }} {{emplacement}} {{else}}Pas encore défini{{/if}} -->
                                </p>
                            </div>
                        {{ /if }}
                        {{ if stand_status != "NotConcerneded" &&  stand_status != "Refuse" &&  stand_status != "PlusDInfo" &&  stand_status != "Analyse" &&  stand_status != "Empty" }}
                            <div class="col-sm-6" >
                                <p>
                                <b><i class="fa-regular fa-house-blank"></i> Stands</b><br>

                                    {{ if stand_type == "associatif" || stand_type == "politique"}}
                                        Type: {{if uniquement_emplacement}} Emplacement pour un stand associatif. {{ else }} Stand associatif {{/if}}
                                        <br>Contrat: {{stand_contrat:label}}
                                        {{ if stand_contrat == "waiting" || stand_contrat == "envoye" || stand_contrat == "recu" }}
                                        <br>Document disponible ici: <a href="/contrat-stand.pdf" target="_blank"> <i class="fa-regular fa-file-signature"></i> stands.pdf</a>
                                        {{/if}}
                                    {{ elseif stand_type == "special" }}
                                        Type: Stand avec des clauses particulières. Organisé en partenariat avec la Pride.
                                    {{ else }}
                                        <br>Type: {{stand_type:label}}
                                    {{ /if }}

                                    <br>Dimension: {{stand_dimension}}

                                    {{ if num_de_stand}}
                                        <br>Numéro de stand: {{num_de_stand}}
                                    {{ /if }}

                                    {{ if stand_besoins}}
                                        <br>Besoins spécifiques: {{stand_besoins}}
                                    {{ /if}}
                                </p>
                            </div>
                        {{ /if }}
                        {{ if uniquement_emplacement }}
                        <div  class="col-sm-12">
                            <p><b><i class="fa-regular fa-triangle-exclamation" style="color:#FC493F"></i> Point d'attention</b></br>
                             La tente n'est pas fournie. Il vous faut apporter votre matériel.
                            </p>
                        </div>
                        {{ /if }}
                    </div>


                    {{ if parade_remarques_public }}
                    <p>
                        <b><i class="fa-regular fa-circle-info" style="color:#1FB2DF"></i> Remarques: </b>
                        <br/>
                        {{parade_remarques_public}}
                    </p>
                    {{ /if }}

                </div>
            </div>
            {{ /collection }}
        </div>
    </div>
    <!--end of container-->
</section>