{namespace ms=Mediatesystems\UmjSitepackage\ViewHelpers}
<f:render section="newsletter_header" arguments="{data: data}" />


<f:section name="newsletter_header">
    <tr><td>
        <table class="newsletter_header"  id="c{data.uid}">
            <f:comment>Table Sturkture for distance top and fill whole newsletter with backend color</f:comment>
            <tr><td class="px-spacer-20" height="20"></td><td></td><td class="px-spacer-20" height="20"></td></tr>
            <tr>
                <td class="px-spacer-20" height="20"></td>
                <td class="newsletter_header_wrapper">
                    <table class="newsletter_header_inner_wrapper">
                        <f:if condition="{data.header}">
                            <tr class="newsletter_header_header">
                                <td>
                                    <p>{data.header}</p>
                                </td>
                            </tr>
                            <tr><td class="px-spacer-20" height="20"></td></tr>
                        </f:if>
                        <f:if condition="{data.tx_mask_h_module_subheadline}">
                            <tr class="newsletter_header_subheader">
                                <td>
                                    <p>{data.tx_mask_h_module_subheadline}</p>
                                </td>
                            </tr>
                            <tr><td height="15" class="px-spacer-15"></td></tr>
                        </f:if>
                        <f:if condition="{data.subheader}">
                            <tr class="newsletter_header_date">
                                <f:comment>Removed because umj:
                                    <td>
                                        <table>
                                            <tr>
                                                <td class="newsletter_header_white_box" height="34" width="{data.date_width_newsletter_header}">
                                                    <p>{data.subheader}</p>
                                                </td>
                                                <td class="right-space"></td>
                                            </tr>
                                        </table>

                                    </td>
                                </f:comment>
                                <td class="newsletter_header_white_box">
                                    <p>{data.subheader}</p>
                                </td>
                            </tr>
                            <tr><td height="20" class="px-spacer-20"></td></tr>
                        </f:if>
                        <f:if condition="{data.tx_mask_h03_info_block_text_media}">
                            <tr class="newsletter_header_image">
                                <td>
                                    <f:for each="{data.tx_mask_h03_info_block_text_media}" as="file">
                                        <f:link.typolink absolute="1" parameter="{file.properties.link}">
                                            <f:image class="image" image="{file}" absolute="1" cropVariant="mask_newsletter_header" width="710"/>
                                        </f:link.typolink>
                                        <p class="image-credits">{file.properties.image_credits}</p>
                                    </f:for>
                                </td>
                            </tr>
                        </f:if>
                    </table>
                </td>
                <td height="20" class="px-spacer-20"></td>
            </tr>
            <tr><td height="20" class="px-spacer-20"></td><td></td><td height="20" class="px-spacer-20"></td></tr>
        </table>
    </td></tr>

</f:section>