{namespace n=GeorgRinger\News\ViewHelpers}
{namespace vhwseils=Wseils\Wseils\ViewHelpers}

<f:if condition="{newsItem}">
    <f:then>
        <f:if condition="{iterator.isLast}">
            <f:then>
                <f:render section="lastNews" arguments="{newsItem: newsItem}" />
            </f:then>
            <f:else>
                <f:render section="allNews" arguments="{newsItem: newsItem}" />
            </f:else>
        </f:if>

        <f:section name="allNews">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCodeBlock internalLetterTopNews" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                <tbody class="mcnTextBlockOuter">
                    <tr>
                        <td valign="top" class="mcnTextBlockInner" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"></td>
                        <td class="mcnImageCardBlockInner" valign="top" style="padding-top: 20px;padding-right: 18px;padding-bottom: 0;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                            <table border="0" cellpadding="0" cellspacing="0" class="mcnImageCardLeftContentOuter" width="100%" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody>
                                    <tr>
                                        <td align="center" valign="top" class="mcnImageCardLeftContentInner" style="padding: 0px;background-color: #113146;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background:#113146 url('{f:cObject(typoscriptObjectPath: 'lib.domain.lettreMensuelle')}/fileadmin/Wseils/LettreInterne/fond-dossier.jpg') no-repeat center/cover;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-image: url('{f:cObject(typoscriptObjectPath: 'lib.domain.lettreMensuelle')}/fileadmin/Wseils/LettreInterne/fond-dossier.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;">
                                            <f:if condition="{newsItem.falMedia}">
                                                <table align="right" border="0" cellpadding="0" cellspacing="0" class="mcnImageCardLeftImageContentContainer" width="282" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                    <tbody>
                                                    <tr>
                                                        <td class="mcnImageCardLeftImageContent" align="left" valign="top" style="padding-top: 18px;padding-right: 18px;padding-bottom: 18px;padding-left: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                            <f:if condition="{newsItem.falMediaPreviews}">
                                                                <f:alias map="{mediaElement: newsItem.falMediaPreviews.0}">
                                                                    <f:if condition="{mediaElement.originalResource.type} == 2">
                                                                        <f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" width="264c" height="150c" absolute="true" style="width: 264px;height: auto;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;" class="mcnImage" />
                                                                    </f:if>
                                                                    <f:if condition="{mediaElement.originalResource.type} == 5">
                                                                        <f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" width="264c" height="150c" absolute="true" style="width: 264px;height: auto;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;" class="mcnImage" />
                                                                    </f:if>
                                                                </f:alias>
                                                            </f:if>
                                                        </td>
                                                    </tr>
                                                    </tbody>
                                                </table>
                                            </f:if>
                                            <table class="mcnImageCardLeftTextContentContainer" align="left" border="0" cellpadding="0" cellspacing="0" width="264" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                <tbody>
                                                    <tr>
                                                        <td valign="top" class="mcnTextContent" style="padding-left: 18px;padding-top: 18px;padding-bottom: 18px;color: #F2F2F2;font-family: Lato, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;font-size: 18px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;">
                                                            <div style="text-align: left;" class="">
                                                                <n:link newsItem="{newsItem}" settings="{settings}" additionalAttributes="{target: '_blank'}" title="{newsItem.title}" configuration="{additionalParams:'&utm_campaign=lettreinfo-WeekDateCustom&utm_medium=email&utm_source=email'}" weekDate="1">
                                                                    <span style="font-size:25px;font-weight:bold;font-family:lato,helvetica neue,helvetica,arial,sans-serif;color:#ffffff;" class="">
                                                                        {newsItem.title}
                                                                    </span>
                                                                </n:link>
                                                                <f:if condition="{newsItem.teaser}">
                                                                    <p style="margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ffffff; font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;line-height: 150%;text-align: left;" class="">
                                                                        {newsItem.teaser}
                                                                    </p>
                                                                </f:if>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td valign="top" class="mcnTextContent" style="background: #113146;padding: 18px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;">
                                            <div style="text-align: left;">
                                                <n:link newsItem="{newsItem}" settings="{settings}" additionalAttributes="{target: '_blank'}" title="{newsItem.title}" configuration="{additionalParams:'&utm_campaign=lettreinfo-WeekDateCustom&utm_medium=email&utm_source=email'}" weekDate="1">
                                                    <img src="{f:cObject(typoscriptObjectPath: 'lib.domain.lettreMensuelle')}/fileadmin/Wseils/LettreInterne/ensavoir.png" />
                                                </n:link>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
        </f:section>

        <f:section name="lastNews">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCodeBlock" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                <tbody class="mcnTextBlockOuter">
                    <tr>
                        <td valign="top" class="mcnTextBlockInner" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"></td>
                        <td class="mcnImageCardBlockInner" valign="top" style="padding-top: 20px;padding-right: 18px;padding-bottom: 0;padding-left: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                            <table border="0" cellpadding="0" cellspacing="0" class="mcnImageCardLeftContentOuter" width="100%" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody>
                                    <tr>
                                        <td align="center" valign="top" class="mcnImageCardLeftContentInner" style="padding: 0px;background-color: #113146;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background:#113146 url('{f:cObject(typoscriptObjectPath: 'lib.domain.lettreMensuelle')}/fileadmin/Wseils/LettreInterne/fond-dossier.jpg') no-repeat center/cover;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-image: url('{f:cObject(typoscriptObjectPath: 'lib.domain.lettreMensuelle')}/fileadmin/Wseils/LettreInterne/fond-dossier.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;border-top: 0;border-bottom: 0;">
                                            <f:if condition="{newsItem.falMedia}">
                                                <table align="right" border="0" cellpadding="0" cellspacing="0" class="mcnImageCardLeftImageContentContainer" width="282" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                    <tbody>
                                                        <tr>
                                                            <td class="mcnImageCardLeftImageContent" align="left" valign="top" style="padding-top: 18px;padding-right: 18px;padding-bottom: 18px;padding-left: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                                <f:if condition="{newsItem.falMediaPreviews}">
                                                                    <f:alias map="{mediaElement: newsItem.falMediaPreviews.0}">
                                                                        <f:if condition="{mediaElement.originalResource.type} == 2">
                                                                            <f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" width="264c" height="150c" absolute="true" style="width: 264px;height: auto;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;" class="mcnImage" />
                                                                        </f:if>
                                                                        <f:if condition="{mediaElement.originalResource.type} == 5">
                                                                            <f:image image="{mediaElement}" title="{mediaElement.originalResource.title}" alt="{mediaElement.originalResource.alternative}" width="264c" height="150c" absolute="true" style="width: 264px;height: auto;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;vertical-align: bottom;" class="mcnImage" />
                                                                        </f:if>
                                                                    </f:alias>
                                                                </f:if>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </f:if>
                                            <table class="mcnImageCardLeftTextContentContainer" align="left" border="0" cellpadding="0" cellspacing="0" width="264" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                <tbody>
                                                    <tr>
                                                        <td valign="top" class="mcnTextContent" style="padding-left: 18px;padding-top: 18px;padding-bottom: 18px;color: #F2F2F2;font-family: Lato, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;font-size: 18px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;">
                                                            <div style="text-align: left;" class="">
                                                                <n:link newsItem="{newsItem}" settings="{settings}" additionalAttributes="{target: '_blank'}" title="{newsItem.title}" configuration="{additionalParams:'&utm_campaign=lettreinfo-WeekDateCustom&utm_medium=email&utm_source=email'}" weekDate="1">
                                                                    <span style="font-size:25px;font-weight:bold;font-family:lato,helvetica neue,helvetica,arial,sans-serif;color: #ffffff" class="">
                                                                        {newsItem.title}
                                                                    </span>
                                                                </n:link>
                                                                <f:if condition="{newsItem.teaser}">
                                                                    <p style="margin: 10px 0;padding: 0;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ffffff; font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 12px;line-height: 150%;text-align: left;" class="">
                                                                        {newsItem.teaser}
                                                                    </p>
                                                                </f:if>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            </td>
            </tr>
            </tbody>
            </table>
            </td>

            </tr>
            <tr>
                <td align="center" valign="top" data-template-container="" style="background:#ffffff none no-repeat 50% 50%/cover;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #ffffff;background-image: none;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;border-top: 0;border-bottom: 0;padding-top: 0px;">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;max-width: 600px !important;">
                        <tbody class=>
                            <tr>
                                <td valign="top" class="lowerColumnHeaderContainer" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%" class="arrayLast mcnBoxedTextBlock" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin-bottom:15px;">
                                        <!--[if gte mso 9]>
                                        <table align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
                                        <![endif]-->
                                        <tbody class="mcnBoxedTextBlockOuter">
                                            <tr>
                                                <td valign="top" class="mcnBoxedTextBlockInner" style="mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                    <!--[if gte mso 9]>
                                                    <td align="center" valign="top" ">
                                                    <![endif]-->
                                                        <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" class="mcnBoxedTextContentContainer">
                                                            <tbody>
                                                                <tr>
                                                                    <td style="padding-top: 0;padding-left: 18px;padding-bottom: 0;padding-right: 18px;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                                        <table border="0" cellspacing="0" class="mcnTextContentContainer" width="100%" style="min-width: 100% !important;background-color: #113146;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                                            <tbody><tr>
                                                                                <td valign="top" class="mcnTextContent" style="padding: 18px;color: #F2F2F2;font-family: Helvetica;font-size: 14px;font-weight: normal;text-align: center;mso-line-height-rule: exactly;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;word-break: break-word;line-height: 150%;">
                                                                                    <div style="text-align: left;">
                                                                                        <vhwseils:NewsLinkWeek newsItem="{newsItem}" settings="{settings}" additionalAttributes="{target: '_blank'}" title="{newsItem.title}" configuration="{additionalParams:'&utm_campaign=lettreinfo-WeekDateCustom&utm_medium=email&utm_source=email'}" weekDate="1">
                                                                                            <img src="{f:cObject(typoscriptObjectPath: 'lib.domain.lettreMensuelle')}/fileadmin/Wseils/LettreInterne/ensavoir.png" />
                                                                                        </vhwseils:NewsLinkWeek>
                                                                                    </div>

                                                                                </td>
                                                                            </tr>
                                                                            </tbody>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </tbody>
                                                        </table>
                                                    <!--[if gte mso 9]>
                                                    </td>
                                                    <![endif]-->
                                                    <!--[if gte mso 9]>
                                                    </tr>
                                                    </table>
                                                    <![endif]-->
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </f:section>
    </f:then>
</f:if>