{namespace f=TYPO3\Fluid\ViewHelpers}
{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace my=Lucidlab\HandynamicSkin\ViewHelpers}

<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td width="600">
            <table border="0" align="center" cellpadding="0" cellspacing="0" style="background-color:#FFFFFF;border-collapse:collapse">
                <tr>
                    <td>
                        <table width="600px" border="0" style="border-collapse:collapse">
                            <tr>
                                <td style="text-align:center;font-family:Verdana,Arial;font-size:13px">
                                    <f:format.html parseFuncTSPath="">{f:translate(key:'LLL:EXT:handynamic_ads/Resources/Private/Language/locallang.xlf:email_alert.header')}</f:format.html><br /><br /></td>
                            </tr>
                            <tr>
                                <td>
                                    <table width="600px" border="0" cellpadding="0" cellspacing="0"
                                           style="border-collapse:collapse">
                                        <tr>
                                            <td width="300px" height="71px">
                                                <a href="https://www.handynamic.fr/" target="_blank"><img src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/logo_handynamic.jpg" alt="Bienvenue chez Handynamic !" title="Bienvenue chez Handynamic !" border="0" style="display:block;" /></a>
                                            </td>
                                            <td width="300px" height="71px" style="text-align:center;font-family:Verdana,Arial;font-size:30px;font-style:italic;color:#97A7D5">
                                                <f:format.html parseFuncTSPath="">{f:translate(key:'LLL:EXT:handynamic_ads/Resources/Private/Language/locallang.xlf:email_alert.topic')}</f:format.html>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td><br/></td>
                            </tr>
                            <tr>
                                <td>
                                    <table width="600px" border="0" cellpadding="0px" cellspacing="0"
                                           style="border-collapse:collapse">
                                        <tr>
                                            <td><a href="https://www.handynamic.fr/" target="_blank" style="color:blue"><img src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/bouton_accueil.jpg" alt="Accueil" title="Accueil" border="0" style="margin-right:6px;display:block;"/></a></td>
                                            <td><a href="https://www.handynamic.fr/voitures-pour-particuliers/index.html" target="_blank" style="color:blue"><img src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/bouton_vehicules.jpg"  alt="V&eacute;hicules" title="V&eacute;hicules" border="0" style="margin-right:6px;display:block;" /></a></td>
                                            <td>
                                                <a href="https://www.handynamic.fr/location-de-voitures-handicap/index.html" target="_blank" style="color:blue"><img src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/bouton_location.jpg" alt="Location" title="Location" border="0" style="margin-right:6px;display:block;" /></a>
                                            </td>
                                            <td>
                                                <a href="https://www.handynamic.fr/vehicules-tpmr-doccasion/vehicules-tpmr-doccasion/index.html" src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/bouton_occasions.jpg" alt="Occasions" title="Occasions" border="0" style="margin-right:6px;display:block;"/></a></td>
                                            <td>
                                                <a href="https://www.handynamic.fr/vehicules-de-demo-disponibles/index.html"
                                                   target="_blank" style="color:blue"><img
                                                        src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/bouton_demo_dispo.jpg"
                                                        alt="V&eacute;hicules de d&eacute;mo. dispo"
                                                        title="V&eacute;hicules de d&eacute;mo. dispo" border="0"
                                                        style="margin-right:6px;display:block;"/></a></td>
                                            <td><a href="https://www.handynamic.fr/je-souhaite-un-devis/index.html"
                                                   target="_blank"
                                                   style="color:blue"><img
                                                    src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/bouton_devis.jpg"
                                                    alt="Demande de devis" title="Demande de devis" border="0"/></a>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-family:Verdana,Arial;font-size:18px;color:#051843;text-align:center;font-style:italic">
                                    <f:if condition="{countAds} > 1">
                                        <f:then>
                                            <br/><f:format.html parseFuncTSPath="">{f:translate(key:'LLL:EXT:handynamic_ads/Resources/Private/Language/locallang.xlf:email_alert.how_many_ads', arguments:'{0: countAds}')}</f:format.html><br/>
                                        </f:then>
                                        <f:else>
                                            <br/><f:format.html parseFuncTSPath="">{f:translate(key:'LLL:EXT:handynamic_ads/Resources/Private/Language/locallang.xlf:email_alert.how_many_ads', arguments:'{0: email_alert.just_one}')}</f:format.html><br/>
                                        </f:else>
                                    </f:if>
                                </td>
                            </tr>
                            <tr>
                                <td style="font-family:Verdana,Arial;font-size:12px;color:#051843;text-align:justify">
                                    <br/><f:format.html parseFuncTSPath="">{f:translate(key:'LLL:EXT:handynamic_ads/Resources/Private/Language/locallang.xlf:email_alert.description', arguments:'{0: countAds}')}</f:format.html><br/><br/></td>
                            </tr>
                            <!-- ###CLASSIFIED_ADS_AVAILABLE### begin -->
                            <f:for each="{ads}" as="ad" iteration="iterator">
                                <tr>
                                    <td>
                                        <table width="600px" border="0" cellpadding="0px" cellspacing="0"
                                               style="border-collapse:collapse;border:1px solid #1c97f3;">
                                            <tr>
                                                <td style="font-family:Verdana,Arial;font-size:18px;font-weight:bold;padding:5px;">
                                                    <my:fe.link pageUid="72" pluginName="Ads" pluginArguments="{ad:ad}" cssStyle="text-decoration:none; color:#004070">{ad.title}</my:fe.link>
                                                </td>
                                                <td style="font-family:Verdana,Arial;font-size:16px;color:#000000;font-weight:bold;padding:5px;text-align:right;">
                                                    {ad.price} &euro;</td>
                                            </tr>
                                            <tr>
                                                <td style="padding:5px;">
                                                    <f:if condition="{ad.albumphoto}">
                                                        <f:then>
                                                            <f:for each="{ad.albumphoto}" as="image" iteration="iterator">
                                                                <f:if condition="{iterator.index} == 0">
                                                                    <my:fe.link pageUid="72" pluginName="Ads" pluginArguments="{ad:ad}"><f:image src="{image.uid}" treatIdAsReference="1" absolute="1" width="182m" height="122m" alt="{image.originalResource.alternative}" title="{image.originalResource.title}" /></my:fe.link>
                                                                </f:if>
                                                            </f:for>
                                                        </f:then>
                                                        <f:else>
                                                            <f:for each="{ad.images}" as="image" iteration="iterator">
                                                                <f:if condition="{iterator.index} == 0">
                                                                    <my:fe.link pageUid="72" pluginName="Ads" pluginArguments="{ad:ad}" cssStyle="text-decoration:none; color:#004070"><f:image src="{image.uid}" treatIdAsReference="1"  absolute="1" width="182m" height="122m" alt="{image.originalResource.alternative}" title="{image.originalResource.title}" /></my:fe.link>
                                                                </f:if>
                                                            </f:for>
                                                        </f:else>
                                                    </f:if>
                                                </td>
                                                <td style="font-family:Verdana,Arial;font-size:12px;padding:5px;">
                                                    <f:if condition="{ad.equipments}"><f:format.html parseFuncTSPath="">{ad.equipments}<br /></f:format.html></f:if>{ad.kms} kms<br/><br/>
                                                    <my:fe.link pageUid="72" pluginName="Ads" pluginArguments="{ad:ad}" cssStyle="color:blue;font-weight:bold;">{f:translate(key:'LLL:EXT:handynamic_ads/Resources/Private/Language/locallang.xlf:email_alert.more_info')}</my:fe.link></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </f:for>
                            <!-- ###CLASSIFIED_ADS_AVAILABLE### end -->
                            <tr>
                                <td style="font-family:Verdana,Arial;font-size:12px;color:#051843;text-align:justify">
                                    <br /><f:format.html parseFuncTSPath="">{f:translate(key:'LLL:EXT:handynamic_ads/Resources/Private/Language/locallang.xlf:email_alert.bottom', arguments:'{0: linkEditAlert, 1: linkDeleteAlert}')}</f:format.html>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <table width="600px" align="center" border="0" style="border-collapse:collapse">
                            <tr>
                                <td width="50px" height="50px"><br/><a
                                        href="https://www.handynamic.fr/je-souhaite-un-devis/index.html" target="_blank">
                                    <img src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/demandez_un_devis.jpg"
                                         alt="Demandez votre devis personnalis&eacute; en cliquant ici"
                                         title="Demandez votre devis personnalis&eacute; en cliquant ici"
                                         border="0"/></a></td>
                                <td width="100px"
                                    style="font-family:Verdana,Arial;font-size:14px;font-weight:bold;text-align:center">
                                    <br/>
                                    <a style="text-decoration:none;color:#051843"
                                       href="https://www.handynamic.fr/je-souhaite-un-devis/index.html"
                                       title="Demandez votre devis personnalis&eacute; en cliquant ici" target="_blank">Demandez
                                        votre devis</a></td>
                                <td width="50px" height="50px"><br/><a
                                        href="https://www.handynamic.fr/voitures-pour-particuliers/mes-avantages-avec-handynamic/temoignages-a-vous-de-juger/index.html"
                                        target="_blank">
                                    <img src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/temoignages_clients.jpg"
                                         alt="D&eacute;couvrez les t&eacute;moignages de nos clients"
                                         title="D&eacute;couvrez les t&eacute;moignages de nos clients" border="0"/></a>
                                </td>
                                <td width="100px"
                                    style="font-family:Verdana,Arial;font-size:14px;font-weight:bold;text-align:center">
                                    <br/><a
                                        style="text-decoration:none;color:#051843"
                                        href="https://www.handynamic.fr/voitures-pour-particuliers/mes-avantages-avec-handynamic/temoignages-a-vous-de-juger/index.html"
                                        title="D&eacute;couvrez les t&eacute;moignages de nos clients" target="_blank">T&eacute;moignages
                                    clients</a></td>
                                <td width="50px" height="50px"><br/><a
                                        href="https://www.handynamic.fr/qui-sommes-nous/espace-presse/index.html"
                                        target="_blank"><img
                                        src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/handynamic_dans_la_presse.jpg"
                                        alt="Handynamic dans la presse"
                                        title="La presse parle de nous, lisez les articles"
                                        border="0"/></a></td>
                                <td width="100px"
                                    style="font-family:Verdana,Arial;font-size:14px;font-weight:bold;text-align:center">
                                    <br/><a
                                        style="text-decoration:none;color:#051843"
                                        href="https://www.handynamic.fr/qui-sommes-nous/espace-presse/index.html"
                                        title="La presse parle de nous, lisez les articles" target="_blank">Articles de
                                    presse</a></td>
                                <td width="50px" height="50px"><br/><a href="http://twitter.com/Handynamic"
                                                                       target="_blank"><img
                                        src="https://www.handynamic.fr/fileadmin/templates/images/communication/alertes/handynamic_sur_twitter.jpg"
                                        alt="Retrouvez Handynamic sur Twitter" title="Retrouvez Handynamic sur Twitter"
                                        border="0"/></a></td>
                                <td width="100px"
                                    style="font-family:Verdana,Arial;font-size:14px;font-weight:bold;text-align:center">
                                    <br/><a
                                        style="text-decoration:none;color:#051843" href="https://twitter.com/Handynamic"
                                        title="Retrouvez Handynamic sur Twitter" target="_blank">Handynamic sur
                                    Twitter</a></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td>
                        <table width="600px" align="center" style="border-collapse:collapse">
                            <tr>
                                <td style="text-align:center;font-family:Verdana,Arial;font-size:11px;font-style:italic;">
                                    <br/><f:format.html parseFuncTSPath="">{f:translate(key:'LLL:EXT:handynamic_ads/Resources/Private/Language/locallang.xlf:email_alert.footer', arguments:'{0: linkEditAlert, 1: linkDeleteAlert}')}</f:format.html>
                                </td>
                            </tr>
                            <tr>
                                <td style="text-align:center;font-family:Verdana,Arial;font-size:10px;font-style:italic;">
                                    <br/>Copyright
                                    <a style="color:blue" href="https://www.handynamic.fr/"
                                       target="_blank">Handynamic</a>
                                    2019 &copy;. Tous droits r&eacute;serv&eacute;s<br/>D&eacute;claration CNIL
                                    n°1302519
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>