{namespace gg=GesagtGetan\Inquiry\ViewHelpers}

<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="{emailValues.styleValues.body.background}">
    <tr>
        <td width="100%" height="15" style="padding: 5px 0; font-family: sans-serif; font-size: 13px; line-height: 1.1; color: #333333;">
            <f:if condition="{emailValues.form.title.value} == 'mr'">
                <f:then>
                    {f:translate(package: '{emailValues.translationPackage}', id : 'emailGreetings.male') -> f:format.raw()} {emailValues.form.firstName.value} {emailValues.form.lastName.value},<br/><br/>
                </f:then>
                <f:else>
                    <f:if condition="{emailValues.form.title.value} == 'mrs'">
                        <f:then>
                            {f:translate(package: '{emailValues.translationPackage}', id : 'emailGreetings.female') -> f:format.raw()} {emailValues.form.firstName.value} {emailValues.form.lastName.value},<br/><br/>
                        </f:then>
                        <f:else>
                            <f:if condition="{emailValues.form.lastName}">
                                {f:translate(package: '{emailValues.translationPackage}', id : 'emailGreetings.informal') -> f:format.raw()} {emailValues.form.firstName.value} {emailValues.form.lastName.value},<br/><br/>
                            </f:if>
                        </f:else>
                    </f:if>
                </f:else>
            </f:if>
            {f:translate(package: '{emailValues.translationPackage}', id : '{emailValues.text.headerText}') -> f:format.raw()}
        </td>
    </tr>
    <!-- Data Table : BEGIN -->
    <tr>
        <td width="100%">
            <table cellspacing="0" cellpadding="0" border="0" width="100%">
                <tr>
                    <td valign="top" align="left" style="padding: 10px 0; font-family: sans-serif; font-size: 15px; line-height: 1.3; color: #333333; font-weight: bold; border-bottom: 1px solid #cccccc" class="data-table-th">
                        &nbsp;
                    </td>
                    <td valign="top" align="left" style="padding: 10px 0; font-family: sans-serif; font-size: 15px; line-height: 1.3; color: #333333; font-weight: bold; border-bottom: 1px solid #cccccc" class="data-table-th">
                        &nbsp;
                    </td>
                </tr>

                <f:for each="{emailValues.form}" key="key" as="formValue">
                    <tr>
                        <td valign="top" align="left" style="padding: 5px 0; font-family: sans-serif; font-size: 13px; line-height: 1.3; color: #333333; border-bottom: 1px solid #eeeeee" class="data-table-td-title">
                            <f:if condition="{formValue.translationPackage}">
                                <f:then>
                                    {f:translate(package: '{formValue.translationPackage}', id : '{key}.label') -> f:format.nl2br()}
                                </f:then>
                            </f:if>

                        </td>
                        <td valign="top" align="left" style="padding: 5px 0; font-family: sans-serif; font-size: 13px; line-height: 1.3; color: #333333; border-bottom: 1px solid #eeeeee" class="data-table-td">

                            <gg:isArray array="{formValue.value}">
                                <f:then>
                                    <f:for each="{formValue.value}" key="subkey" as="subvalue">
                                        {f:translate(package: '{formValue.translationPackage}', id : '{key}.{subvalue}') -> f:format.nl2br()}
                                        <br/>
                                    </f:for>
                                </f:then>
                                <f:else>
                                    {f:translate(package: '{formValue.translationPackage}', id : '{formValue.value}') -> f:format.nl2br()}
                                </f:else>
                            </gg:isArray>

                        </td>

                        <td style="display: none;" class="data-table-mobile-divider">&nbsp;</td>
                    </tr>
                </f:for>


            </table>
        </td>
    </tr>
    <!-- Data Table : END -->
    <tr>
        <td width="100%" height="20">

        </td>
    </tr>
</table>