{namespace ttaddr=FriendsOfTYPO3\TtAddress\ViewHelpers}

<f:section name="address">
    <f:if condition="{address.address} || {address.zip} || {address.city}">
        <div class="accordion-item">
            <h4 class="accordion-header" id="accordion-heading-{address.uid}-address">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#accordion-{address.uid}-address" data-parent="#accordion-{address.uid}" data-bs-toggle="collapse" data-bs-target="#accordion-{address.uid}-address" aria-expanded="false" aria-controls="accordion-{address.uid}-address">
                    Adresse
                    <span aria-hidden="true" class="navBtn-left"></span>
                    <span aria-hidden="true" class="navBtn-right"></span>
                </button>
            </h4>
            <div id="accordion-{address.uid}-address" class="accordion-collapse collapse" aria-labelledby="accordion-heading-{address.uid}-address" data-parent="#accordion-{address.uid}">
                <div class="accordion-body">
                    <div class="accordion-content">
                        <div class="accordion-content-item accordion-content-text">
                            <address>
                                <f:if condition="{address.address}">
                                    <span itemprop="streetAddress">{address.address}</span>
                                    <f:if condition="{address.zip} || {address.city}">
                                        <br>
                                    </f:if>
                                </f:if>
                                <f:if condition="{address.zip} || {address.city}">
                                    <span itemprop="postalCode">{address.zip}</span>&nbsp;<span itemprop="addressLocality">{address.city}</span>
                                </f:if>
                            </address>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </f:if>
</f:section>

<f:section name="contact">
    <f:if condition="{address.phone} || {address.fax}">
        <div class="accordion-item">
            <h4 class="accordion-header" id="accordion-heading-{address.uid}-tel">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#accordion-{address.uid}-tel" data-parent="#accordion-{address.uid}" data-bs-toggle="collapse" data-bs-target="#accordion-{address.uid}-tel" aria-expanded="false" aria-controls="accordion-{address.uid}-tel">
                    Téléphone & Fax
                    <span aria-hidden="true" class="navBtn-left"></span>
                    <span aria-hidden="true" class="navBtn-right"></span>
                </button>
            </h4>
            <div id="accordion-{address.uid}-tel" class="accordion-collapse collapse" aria-labelledby="accordion-heading-{address.uid}-tel" data-parent="#accordion-{address.uid}">
                <div class="accordion-body">
                    <div class="accordion-content">
                        <div class="accordion-content-item accordion-content-text">
                            <f:if condition="{address.phone}">
                                {f:translate(key:'label.telephone')}: <a href="tel:{address.cleanedPhone}">
                                <span itemprop="telephone">{address.phone}</span>
                            </a>
                            </f:if>
                            <f:if condition="{address.fax}">
                                {f:translate(key:'label.fax')}: <span itemprop="faxNumber">{address.fax}</span>
                            </f:if>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </a>
    </f:if>
    <f:if condition="{address.email}">
        <div class="accordion-item">
            <h4 class="accordion-header" id="accordion-heading-{address.uid}-mail">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse" data-target="#accordion-{address.uid}-mail" data-parent="#accordion-{address.uid}" data-bs-toggle="collapse" data-bs-target="#accordion-{address.uid}-mail" aria-expanded="false" aria-controls="accordion-{address.uid}-mail">
                    E-mail
                    <span aria-hidden="true" class="navBtn-left"></span>
                    <span aria-hidden="true" class="navBtn-right"></span>
                </button>
            </h4>
            <div id="accordion-{address.uid}-mail" class="accordion-collapse collapse" aria-labelledby="accordion-heading-{address.uid}-mail" data-parent="#accordion-{address.uid}">
                <div class="accordion-body">
                    <div class="accordion-content">
                        <div class="accordion-content-item accordion-content-text">
                            <span><f:link.email email="{address.email}" /></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </f:if>
    <f:if condition="{address.www}">
        <div class="btnAddress">
            <a href="{address.www}" class="btn btn-default">Nous contacter</a>
        </div>
    </f:if>
</f:section>

<f:section name="hourly">
    <f:if condition="{address.hourly}">
        <div class="accordion-item">
            <h4 class="accordion-header" id="accordion-heading-{address.uid}-hourly">
                <button class="accordion-button collapsed" type="button" data-toggle="collapse"
                    data-target="#accordion-{address.uid}-hourly" data-parent="#accordion-{address.uid}"
                    data-bs-toggle="collapse" data-bs-target="#accordion-{address.uid}-hourly" aria-expanded="false"
                    aria-controls="accordion-{address.uid}-hourly">
                    Horaires
                    <span aria-hidden="true" class="navBtn-left"></span>
                    <span aria-hidden="true" class="navBtn-right"></span>
                </button>
            </h4>
            <div id="accordion-{address.uid}-hourly" class="accordion-collapse collapse"
                aria-labelledby="accordion-heading-{address.uid}-hourly" data-parent="#accordion-{address.uid}">
                <div class="accordion-body">
                    <div class="accordion-content">
                        <div class="accordion-content-item accordion-content-text">
                            <address>
                                <f:if condition="{address.hourly}">
                                    <f:format.html>{address.hourly}</f:format.html>
                                </f:if>
                            </address>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </f:if>
</f:section>