<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:sms="http://typo3.org/ns/SMS/SmsResponsiveImages/ViewHelpers" data-namespace-typo3-fluid="true">


<f:link.action action="show" arguments="{address : address}" class="card card-branch" title="{address.fullName}" pageUid="{settings.singlePid}"  data="{addressId: '{address.uid}', location:'{address.zip} {address.city}' }">
    <div class="card-img-top">
        <f:if condition="{address.image}">
            <f:then>
                <sms:image image="{address.firstImage}"
                           width="299"
                           srcset="299,359,456,598,718"
                           picturefill="false"
                           cropVariant="teaser"/>
            </f:then>
            <f:else>
               <sms:image src="3:address-dummy.jpg"  width="359" height="180c" />
            </f:else>
        </f:if>
    </div>

    <div class="card-body">
        <div class="card-text">
            <div class="address-city">{address.city}</div>
            <div class="address-name">{address.name}</div>
            <div class="address-address">{address.address}</div>
        </div>
    </div>
    <div class="card-footer">
        <div class="card-link">{f:translate(key:'more')}</div>
    </div>
</f:link.action>
