{namespace ttaddr=FriendsOfTYPO3\TtAddress\ViewHelpers}

<f:section name="address">
    <f:if condition="{address.image}">
        <f:then>
            <figure class="figure">
                <f:image image="{address.firstImage}" maxWidth="600"
                    class="figure-img img-fluid img-thumbnail"
                    alt="{address.firstImage.originalResource.alt}"
                    title="{address.firstImage.originalResource.title}"
                    additionalAttributes="{itemprop:'image'}" loading="lazy"/>
                <f:if condition="{address.firstImage.originalResource.description}">
                    <figcaption class="figure-caption">
                        {address.firstImage.originalResource.description -> f:format.nl2br()}
                    </figcaption>
                </f:if>
            </figure>
        </f:then>
    </f:if>
    <div class="zonesActivites">
        <p><strong>{address.fullName}</strong></p>
        <p class="tt_address_date">
            Mis à jour le <f:render section="dateFormatRules" arguments="{date: address.tstamp}" /> <f:format.date format="Y">{address.tstamp}</f:format.date>
        </p>
        <f:format.html>{address.description}</f:format.html>
        <f:if condition="{address.detailview}">
            <f:then>
                <f:link.typolink parameter="{address.detailview}" title="{address.fullName}" class="btn btn-dark">
                    <f:if condition="{address.detailtext}">
                        <f:then>
                            {address.detailtext}
                        </f:then>
                        <f:else>
                            Voir en détail
                        </f:else>
                    </f:if>
                </f:link.typolink>
            </f:then>
            <f:else>
                <f:if condition="{settings.singlePid}">
                    <f:link.action action="show" arguments="{address : address}" title="{address.fullName}" class="btn btn-dark"
                        pageUid="{settings.singlePid}">
                        <f:if condition="{address.detailtext}">
                            <f:then>
                                {address.detailtext}
                            </f:then>
                            <f:else>
                                Voir en détail
                            </f:else>
                        </f:if>
                    </f:link.action>
                </f:if>
            </f:else>
        </f:if>        
    </div>    
</f:section>

<f:section name="dateFormatRules">
    <f:format.date format="d">{date}</f:format.date>
    <f:switch expression="{f:format.date(date: date, format: 'm')}">
        <f:case value="01">Janvier</f:case>
        <f:case value="02">Février</f:case>
        <f:case value="03">Mars</f:case>
        <f:case value="04">Avril</f:case>
        <f:case value="05">Mai</f:case>
        <f:case value="06">Juin</f:case>
        <f:case value="07">Juillet</f:case>
        <f:case value="08">Août</f:case>
        <f:case value="09">Septembre</f:case>
        <f:case value="10">Octobre</f:case>
        <f:case value="11">Novembre</f:case>
        <f:case value="12">Décembre</f:case>
    </f:switch>
</f:section>