{{ partial:header }}

{{ partial:imgheader }}

<section>

    <div class="container">

        <div class="row">

            <div class="col-sm-6 col-md-5">

                <h4 class="uppercase">{{ section_title }}</h4>

                <p>{{ description }}</p>

                <hr>

                <p>

                    {{ mypride:address | nl2br }}<br>

                    IBAN: {{ mypride:iban }}

                </p>

                <hr>

                <ul>

                    <li>

                        <a href='&#109;ailto&#58;{{ mypride:email | obfuscate_email }}'><i class="fa-light fa-envelope"></i>&nbsp;&nbsp;{{ mypride:email | obfuscate_email }}</a>

                    </li>

                    <li>

                        <a href="tel:{{ mypride:phone }}" class="font-normal"><i class="fa-light fa-phone"></i>&nbsp;&nbsp;{{ mypride:phone }}</a>



                    </li>

                    <li>

                        <a href="https://{{ mypride:domain }}/"><i class="fa-light fa-globe-stand"></i>&nbsp;&nbsp;{{ mypride:domain }}</a>

                    </li>

                </ul>

            </div>

            <div class="col-sm-6 col-md-5 col-md-offset-1">

                {{ nocache }}

                    {{ form:parade }}

                        {{ if success }}

                            <div class="text-confirmation">

                                <i class="fa-light fa-envelope-circle-check" style="font-size: 60px; padding-bottom: 20px;"></i>

                                {{ confirmation }}

                            </div>

                        {{ else }}

                            {{ fields }}

                            {{ if type == "text" }}

                                {{ if handle == "email"}}<input type="email" class="validate-required validate-email

                                    {{ if error }} field-error {{ /if }}" name="{{ handle }}" placeholder="{{ display }}" value="{{ old }}"/>{{ else }}<input type="text" class="validate-required

                                    {{ if error }} field-error {{ /if }}" name="{{ handle }}" placeholder="{{ display }}" value="{{ old }}"/>{{ /if }}

                            {{ elseif type == "textarea" }}<textarea class="validate-required  {{ if error }} field-error {{ /if }}" name="{{ handle }}" rows="4" placeholder="{{ display }}">{{ old }}</textarea>

                            {{ elseif type == "select" }}

                <div class="select-option">

                    <i class="fa-light fa-chevron-down"></i>

                    <select class="validate-required {{ if error }} field-error  {{ /if }}{{ if old == "default"}} field-error {{ /if }}" name="{{ handle }}">

                                    {{ options }}

                                    <option {{ if old == "default"}} selected=""{{ /if }} value="default">Participation</option>

                                    <option {{ if old == "char"}} selected=""{{ /if }} value="char">Je souhaite participer avec un char</option>

                                    <option {{ if old == "pied"}} selected=""{{ /if }} value="pied">Je pense participer à pied</option>

                                    <option {{ if old == "autre"}} selected=""{{ /if }} value="autre">Je ne sais pas encore</option>

                                    {{ /options }}

                            </select>

                </div>

                {{ /if }}{{ /fields }}



                            <input type="text" class="hidden" name="{{ honeypot ?? 'honeypot' }}">



                            <button type="submit">Envoyer le message</button>{{ /if }}{{ /form:parade }}

                {{ /nocache }}

            </div>

        </div>

        <!--end of row-->

    </div>

    <!--end of container-->

</section>