<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">


{% if site_config %}

    {% set SETTINGS_SITE = site_config.SITE %}
    {% set SETTINGS_SITE_URL = site_config.SITE_URL %}
    {% set SETTINGS_SITE_NAME = site_config.SITE_NAME %}
    {% set SETTINGS_THEME_PATH = site_config.THEME_PATH %}

{% else %}

    {% set SETTINGS_SITE = settings.SITE %}
    {% set SETTINGS_SITE_URL = config('app.url') %}
    {% set SETTINGS_SITE_NAME = config('app.name') %}
    {% set SETTINGS_THEME_PATH = settings.THEME_PATH %}

{% endif %}

{% set highlight_color = '#5ABF01' %}
{% set highlight_color_2 = '#5ABF01' %}

{% set inner_wrapper_width = '640px' %}
{% set button_color = highlight_color_2 %}
{% set background_color = '#ffffff' %}
{% set dark_background_color = '#666666' %}
{% set light_background_color = '#F8F8F8' %}
{% set light_background_color_2 = '#B7B7B7' %}
{% set text_color = '#1D1D1D' %}
{% set border_color = '#e0e7ea' %}

{% set font_size_body = '14px' %}
{% set line_height_body = '20px' %}
{% set font_size_body_large = '16px' %}
{% set line_height_body_large = '24px' %}

{% set image_reset = 'display:block;border:0;' %}

{% set font_family = 'font-family: Arial, Helvetica, sans-serif;' %}

{% set text_reset = 'margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;' %}

{% set intro_text = 'line-height:' ~ line_height_body ~ ';font-size:' ~ font_size_body ~ ';color:' ~ text_color ~ ';' %}

{% set large_intro_text = 'font-size:' ~ font_size_body_large ~ ';line-height:' ~ line_height_body_large ~ ';color:' ~ highlight_color ~ ';font-weight:700;' %}


{% set separator = 'border-bottom:1px solid ' ~ border_color ~ ';' %}

{% set order_section_styles = 'border-top:1px solid ' ~ border_color ~ ';border-bottom: 1px solid ' ~ border_color ~ ';' %}


{% set main_body_text = 'font-size:' ~ font_size_body ~ ';line-height:' ~ line_height_body ~ ';text-align:left;color:' ~ text_color ~ ';' %}

{% set small_body_text = 'font-size:13px;line-height:15px;text-align:left;color:' ~ text_color ~ ';' %}

{% set total_text = 'font-size:' ~ font_size_body_large ~ ';line-height:' ~ line_height_body_large ~ ';color:' ~ text_color ~ ';' %}

{% set link_styles = 'color:' ~ highlight_color ~ ';text-decoration:none;' %}

{% set title_font = 'font-size: 24px;line-height: 32px;color:' ~ highlight_color ~ ';margin:0;text-align:left;padding-left:6px;padding-right:6px;' %}
{% set sub_title_font = 'font-size: 16px;line-height: 24px;color:' ~ text_color ~ ';margin:0;text-align:left;' %}

{% set paragraph_style = 'font-size:' ~ font_size_body ~ ';line-height:' ~ line_height_body ~ ';margin-top:0;margin-bottom:0;font-family: Arial, Helvetica, sans-serif;padding-bottom:10px;margin-bottom:10px;color:' ~ text_color ~ ';' %}

{% set max_width = 700 %}
{% set default_space = 40 %}
{% set default_space_small = 32 %}
{% set side_space = 24 %}
{% set standard_padding = '16px' %}

{% set logo_width = 244 %}

{% set email_content = {
    'contact_link': SETTINGS_SITE_URL ~ '/contact/',
    'delivery_link': SETTINGS_SITE_URL ~ '/customer-care/delivery/',
    'terms_link': SETTINGS_SITE_URL ~ '/customer-care/terms-and-conditions/',
    'about_link': SETTINGS_SITE_URL ~ '/about/',
    'about_text': '',
}
%}

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

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <!--[if !mso]><!-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <!--<![endif]-->

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>{{ email_title }} | {{ SETTINGS_SITE_NAME }}</title>

        <!--[if (gte mso 9)|(IE)]>
        <style type="text/css">
            table {
                border-collapse: collapse;
            }
        </style>
        <![endif]-->

    </head>

    <body style="margin:0;padding:0;width:100%;height:100%;" bgcolor="{{ light_background_color_2 }}">

        <!--[if (gte mso 9)|(IE)]>
        <table width="{{ max_width }}" align="center">
            <tr>
                <td>
        <![endif]-->

                    <table
                            cellpadding="0"
                            cellspacing="0"
                            border="0"
                            width="{{ max_width }}"
                            align="center"
                            bgcolor="{{ background_color }}"
                    >
                        <tr>
                            <td>

                                {# Header #}
                                <table
                                        cellpadding="0"
                                        cellspacing="0"
                                        border="0"
                                        align="center"
                                        style="width: 100%; padding: 0 {{ side_space }}px 0 {{ side_space }}px; table-layout: fixed;border-bottom: 4px solid {{ highlight_color }};color:{{ highlight_color }};"
                                        bgcolor="{{ background_color }}"
                                >

                                    <tr>
                                        <td colspan="2" height="{{ default_space }}"></td>
                                    </tr> <!-- spacer row -->

                                    <tr>

                                        <td valign="middle">

                                            <a href="{{ SETTINGS_SITE_URL }}">

                                                <img
                                                        src="{{ SETTINGS_SITE_URL }}{{ SETTINGS_THEME_PATH }}/images/logo.png"
                                                        alt="{{ SETTINGS_SITE_NAME }}"
                                                        title="{{ SETTINGS_SITE_NAME }}"
                                                        style="display:block; width: {{ logo_width }}px;"
                                                />

                                            </a>

                                        </td>

                                        <td
                                                valign="middle"
                                                align="right"
                                                style="{{ sub_header_style }}">

                                            <div><!--[if mso]>
                                                <v:rect
                                                xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
                                                href="{{ SETTINGS_SITE_URL }}"
                                                style="height:56px;v-text-anchor:middle;width:200px;" stroke="f" fillcolor="{{ button_color }}"
                                                >
                                                        <w:anchorlock/>
                                                        <center>
                                                            <![endif]-->
                                                            <a href="{{ SETTINGS_SITE_URL }}"
                                                               style="background-color:{{ button_color }};color:#ffffff;display:inline-block;font-family:sans-serif;font-size:{{ font_size_body }};font-weight:bold;line-height:56px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;"
                                                            >VISIT SITE</a>
                                                            <!--[if mso]>
                                                        </center>
                                                </v:rect>
                                                <![endif]--></div>

                                        </td>

                                    </tr>

                                    <tr>
                                        <td colspan="2" height="{{ default_space }}"></td>
                                    </tr> <!-- spacer row -->

                                </table>
                                {# Header End #}


                                {# Spacer #}
                                <table
                                        cellpadding="0"
                                        cellspacing="0"
                                        border="0"
                                        align="center"
                                        style="width: 100%; padding: 0 {{ side_space }}px 0 {{ side_space }}px; table-layout: fixed;"
                                >

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

                                </table>
                                {# Spacer End #}


                                {# Body Content #}
                                <table
                                        cellpadding="0"
                                        cellspacing="0"
                                        border="0"
                                        align="center"
                                        style="width: 100%; padding: 0 {{ side_space }}px 0 {{ side_space }}px; table-layout: fixed;"
                                >

                                    <tr>
                                        <td colspan="3" height="{{ default_space_small }}"></td>
                                    </tr>

                                    {% block before_content %}

                                    {% endblock %}

                                    {% block content %}

                                    {% endblock %}


                                </table>
                                {# Body Content End #}

                                {% block after_content %}

                                {% endblock %}

                                {# Footer #}
                                <table
                                        cellpadding="0"
                                        cellspacing="0"
                                        border="0"
                                        align="center"
                                        style="width: 700px; padding: 0 0 0 0; table-layout: fixed; background-color: {{ highlight_color }}"
                                >

                                    <tr style="width: {{ max_width }}px">

                                        <td style="width: {{ max_width }}px; text-align: center;">

                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">

                                                <tr>
                                                    <td height="{{ default_space }}"></td>
                                                </tr>

                                                <tr>

                                                    <td
                                                            align="center"
                                                            style="text-align:center;color: #FFFFFF;font-family: Arial, 'sans-serif';font-size: 14px;line-height:16px;font-weight:normal;"
                                                    >
                                                        {% set creation_date = "now"|date("Y") %}
                                                        Copyright &#169; {{ creation_date }} {{ SETTINGS_SITE_NAME }} - All Rights Reserved.
                                                    </td>

                                                </tr>

                                                <tr>
                                                    <td height="{{ default_space }}"></td>
                                                </tr>
                                            </table>

                                        </td>

                                    </tr>

                                </table>
                                {# Footer End #}

                            </td>

                        </tr>

                    </table>

        <!--[if (gte mso 9)|(IE)]>
                </td>
            </tr>
        </table>
        <![endif]-->

    </body>

</html>

