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

<f:section name="h03_info_block_text">
    <div class="h03_info_block_text {f:if(condition: '!{data.tx_mask_use_primary_color}', then: 'standard-color')}"  id="c{data.uid}">
        <div class="h03_info_block_text_wrapper">
            <div class="h03_info_block_text_inner_wrapper">
                <f:comment>Moved if in Container - because if Title empty we need 50/50% Columns to Display flex</f:comment>
                <div class="h03_info_block_text_header">
                    <f:if condition="{data.header}">
                        <p>{data.header -> f:format.raw()}</p>
                    </f:if>
                </div>


                <div class="h03_info_block_text_right_block">
                    <f:if condition="{data.tx_mask_h03_info_block_text_text}">
                        <div class="h03_info_block_text_text text-content">
                            <p>{data.tx_mask_h03_info_block_text_text -> f:format.html()}</p>
                        </div>
                    </f:if>
                    <f:if condition="{data.tx_mask_primary_button_link_not_required} && {f:link.typolink(parameter: '{data.tx_mask_primary_button_link_not_required}')}">
                        <f:if condition="{data.tx_mask_primary_button_text_not_required}">
                            <div class="h03_info_block_text_buttons">
                                <div class="heromodulesub-buttons">
                                    <f:link.typolink class="btn btn-primary" parameter="{data.tx_mask_primary_button_link_not_required}">
                                        {ms:button(type: 'text',text: data.tx_mask_primary_button_text_not_required,direction:"right",border:0)}
                                    </f:link.typolink>
                                </div>


                                <f:if condition="{data.tx_mask_secondary_button_link_not_required} && {f:link.typolink(parameter: '{data.tx_mask_secondary_button_link_not_required}')}">
                                    <f:if condition="{data.tx_mask_secondary_button_text_not_required}">
                                        <div class="heromodulesub-buttons">
                                            <f:link.typolink class="btn btn-secondary border-gray" parameter="{data.tx_mask_secondary_button_link_not_required}">
                                                {ms:button(type: 'text',text: data.tx_mask_secondary_button_text_not_required,direction:"right",border:0)}
                                            </f:link.typolink>
                                        </div>
                                    </f:if>
                                </f:if>
                            </div>
                        </f:if>
                    </f:if>
                    <f:if condition="{data.tx_mask_h03_info_block_text_media}">
                        <div class="h03_info_block_text_image">
                            <f:for each="{data.tx_mask_h03_info_block_text_media}" as="file">
                                <ms:image class="image" image="{file}" cropVariant="mask_h03_info_block_text" width="650"/>
                                <ms:imageCredit uid="{file.properties.uid}" value="{f:translate(key: 'tx_umjsitepackage.imagecredits', extensionName: 'umj_sitepackage')}"/>
                            </f:for>
                        </div>
                    </f:if>

                </div>

            </div>
        </div>
    </div>
</f:section>