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


<f:section name="h03_info_block_text_image_newswletter">
    <tr><td>
        <table class="h03_info_block_text_newsletter {f:if(condition: '!{data.tx_mask_use_primary_color}', then: 'standard-color')}"  id="c{data.uid}">
            <f:comment>Table Sturkture for distance top and fill whole newsletter with backend color</f:comment>
            <tr><td height="20" class="px-spacer-20"></td><td></td><td height="20" class="px-spacer-20"></td></tr>
            <tr>
                <td height="20" class="px-spacer-20"></td>
                <td class="h03_info_block_text_wrapper">
                    <table class="h03_info_block_text_inner_wrapper">
                        <f:if condition="{data.header}">
                            <tr class="h03_info_block_text_header">
                                <td>
                                    <p>{data.header}</p>
                                </td>
                            </tr>
                            <tr><td height="10" class="px-spacer-10"></td></tr>
                        </f:if>
                        <f:if condition="{data.subheader}">
                            <tr class="h03_info_block_text_subheader">
                                <td>
                                    <p>{data.subheader}</p>
                                </td>
                            </tr>
                            <tr><td height="20" class="px-spacer-20"></td></tr>
                        </f:if>
                        <f:if condition="{data.imageorient} == 0">

                            <f:comment>Image over Text</f:comment>
                            <f:then>
                                <f:if condition="{data.tx_mask_h03_info_block_text_media}">
                                    <tr class="h03_info_block_text_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_h03_info_block_text" width="710"/>
                                                </f:link.typolink>
                                                <p class="image-credits">{file.properties.image_credits}</p>
                                            </f:for>
                                        </td>
                                    </tr>
                                </f:if>
                                <f:if condition="{data.tx_mask_h03_info_block_text_text}">
                                    <tr><td height="20" class="px-spacer-20"></td></tr>
                                    <tr class="h03_info_block_text_text">
                                        <td>
                                            {data.tx_mask_h03_info_block_text_text -> f:format.html()}
                                        </td>
                                    </tr>
                                </f:if>
                            </f:then>

                            <f:comment>Text over Image</f:comment>
                            <f:else>
                                <f:if condition="{data.tx_mask_h03_info_block_text_text}">
                                    <tr class="h03_info_block_text_text">
                                        <td>
                                            <p>{data.tx_mask_h03_info_block_text_text -> f:format.html()}</p>
                                        </td>
                                    </tr>
                                </f:if>
                                <f:if condition="{data.tx_mask_h03_info_block_text_media}">
                                    <tr><td height="20" class="px-spacer-20"></td></tr>
                                    <tr class="h03_info_block_text_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_h03_info_block_text" width="710" />
                                                </f:link.typolink>
                                                <p class="image-credits">{file.properties.image_credits}</p>
                                            </f:for>
                                        </td>
                                    </tr>
                                </f:if>
                            </f:else>
                        </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>