<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

{% set paragraph_style = 'color:#373737;font-size:14px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;line-height:25px;' %}

{% set standard_padding = 'padding-top:15px;padding-bottom:15px;padding-left:15px;padding-right:15px;' %}

{% set sub_header_style = 'font-size:18px;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; color:#1f1f1f;letter-spacing:2px;' %}

{% set link_style = 'color:#e13a3e;text-decoration:none;' %}

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>{{ email_title }} | {{ config('app.name') }}</title>
</head>

<body>
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
            <td>
                <table cellpadding="0" cellspacing="0" border="0" align="center" width="700">

                    <tr>
                        <td colspan="2" height="50"></td>
                    </tr> <!-- spacer row -->

                    <tr>
                        <td width="50%" valign="middle">
                            <a href="{{ settings.SITE_URL }}">
                                <img src="{{ settings.SITE_URL ~ settings.THEME_URL }}/images/logo.png"
                                     alt="{{ config('app.name') }}"
                                     title="{{ config('app.name') }}"
                                     style="display:block;" />
                            </a>
                        </td>

                        <td width="50%" valign="middle" align="right" style="{{ sub_header_style }}">
                            <strong>Form Submission:</strong>
                            {{ form_name }}
                        </td>
                    </tr>

                    <tr>
                        <td colspan="2" height="50"></td>
                    </tr> <!-- spacer row -->

                    <tr>
                        <td colspan="2">
                            <table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">

                                {% for question in questions %}
                                    {% if (form_data['question_' ~ question.id] is not empty) %}
                                        <tr>
                                            <td width="32%" valign="top" style="{{ paragraph_style }}{{ standard_padding }}border-bottom:1px solid #d4d4d4;">
                                                {{ question.name }}
                                            </td>

                                            <td width="58%" valign="middle" style="{{ paragraph_style }}{{ standard_padding }}border-bottom:1px solid #d4d4d4;">
                                                {{ form_data['question_' ~ question.id] }}
                                            </td>
                                        </tr>
                                    {% endif %}
                                {% endfor %}

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

                    <tr>
                        <td colspan="2" height="50"></td>
                    </tr> <!-- spacer row -->

                </table>
            </td>
        </tr>
    </table>
</body>
</html>