{%- extends "base/email.html.twig" -%}


{%- block main -%}

    {%- set left_column_width = '30%' -%}
    {#{%- set customer = app.request.get('customer') -%}#}
    {%- set data = app.request.get('data') -%}
    {%- set show_placeholder = not data and (editmode or request.get('pimcore_preview')) -%}
    {%- set placeholders = {
        firstname: 'Mario',
        lastname: 'Rossi',
        employmentRole: 'Manager',
        company: 'NewCo',
        email: 'mario.rossi@newco.com',
        phone: '123456789',
        message: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Unde ipsam aut facilis a consectetur ut, voluptate adipisci provident repudiandae id deleniti amet sit, atque voluptatum, dolore minus ea expedita nam.',
        requestType: 'Lorem ipsum dolor'
    } -%}

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

            <tr>
                <td style="{{ email_styles.section_spacing }}">
                    <h1 style="{{ email_styles.h1 | join(';') }}">
                        {% if editmode %}
                            {{ pimcore_input('h1', {placeholder: 'Lorem ipsum dolor'}) }}
                        {% else %}
                            {{ pimcore_input('h1').getData() }}
                        {% endif %}
                    </h1>
                    <time style="margin:0;font-size:20px;">
                        {%- if data -%}
                            {{ data.dateTime | date("m/d/Y H:i") }}
                        {%- else -%}
                            {{ "now" | date("m/d/Y H:i") }}
                        {%- endif -%}
                    </time>
                </td>
            </tr>

        </tbody>
    
    </table>

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

            <tr>
                <th
                    width="{{ left_column_width }}"
                    style="text-align:start;{{ email_styles.section_spacing }}"
                >
                    <strong>{{ 'contact_request.firstname' | trans }}</strong>
                </th>
                <td style="{{ email_styles.section_spacing }}">
                    {%- if data -%}
                        {{ data.firstname }}
                    {%- elseif show_placeholder -%}
                        {{ placeholders.firstname }}
                    {%- endif -%}
                </td>
            </tr>

            <tr>
                <th
                    width="{{ left_column_width }}"
                    style="text-align:start;{{ email_styles.section_spacing }}"
                >
                    <strong>{{ 'contact_request.lastname' | trans }}</strong>
                </th>
                <td style="{{ email_styles.section_spacing }}">
                    {%- if data -%}
                        {{ data.lastname }}
                    {%- elseif show_placeholder -%}
                        {{ placeholders.lastname }}
                    {%- endif -%}
                </td>
            </tr>

            <tr>
                <th
                    width="{{ left_column_width }}"
                    style="text-align:start;{{ email_styles.section_spacing }}"
                >
                    <strong>{{ 'contact_request.employment_role' | trans }}</strong>
                </th>
                <td style="{{ email_styles.section_spacing }}">
                    {%- if data -%}
                        {{ data.employmentRole }}
                    {%- elseif show_placeholder -%}
                        {{ placeholders.employmentRole }}
                    {%- endif -%}
                </td>
            </tr>

            <tr>
                <th
                    width="{{ left_column_width }}"
                    style="text-align:start;{{ email_styles.section_spacing }}"
                >
                    <strong>{{ 'contact_request.company' | trans }}</strong>
                </th>
                <td style="{{ email_styles.section_spacing }}">
                    {%- if data -%}
                        {{ data.company }}
                    {%- elseif show_placeholder -%}
                        {{ placeholders.company }}
                    {%- endif -%}
                </td>
            </tr>

            <tr>
                <th
                    width="{{ left_column_width }}"
                    style="text-align:start;{{ email_styles.section_spacing }}"
                >
                    <strong>{{ 'contact_request.phone' | trans }}</strong>
                </th>
                <td style="{{ email_styles.section_spacing }}">
                    {%- if data -%}
                        {{ data.phone }}
                    {%- elseif show_placeholder -%}
                        {{ placeholders.phone }}
                    {%- endif -%}
                </td>
            </tr>

            <tr>
                <th
                    width="{{ left_column_width }}"
                    style="text-align:start;{{ email_styles.section_spacing }}"
                >
                    <strong>{{ 'contact_request.email' | trans }}</strong>
                </th>
                <td style="{{ email_styles.section_spacing }}">
                    {%- if data -%}
                        {{ data.email }}
                    {%- elseif show_placeholder -%}
                        {{ placeholders.email }}
                    {%- endif -%}
                </td>
            </tr>

            <tr>
                <th
                    width="{{ left_column_width }}"
                    style="text-align:start;{{ email_styles.section_spacing }};vertical-align:top"
                >
                    <strong>{{ 'contact_request.request_type' | trans }}</strong>
                </th>
                <td
                    style="{{ email_styles.section_spacing }}"
                >
                    {%- if data -%}
                        {{ data.requestType }}
                    {%- elseif show_placeholder -%}
                        {{ placeholders.requestType }}
                    {%- endif -%}
                </td>
            </tr>

            <tr>
                <th
                    width="{{ left_column_width }}"
                    style="text-align:start;{{ email_styles.section_spacing }};vertical-align:top"
                >
                    <strong>{{ 'contact_request.message' | trans }}</strong>
                </th>
                <td
                    style="{{ email_styles.section_spacing }}"
                >
                    {%- if data -%}
                        {{ data.message }}
                    {%- elseif show_placeholder -%}
                        {{ placeholders.message }}
                    {%- endif -%}
                </td>
            </tr>
        
        </tbody>
    
    </table>

    <table width="100%" cellspacing="0" cellpadding="0">
    
        <tbody>
        
            <tr>
                <td style="{{ email_styles.section_spacing }};text-align:center">
                    {%- if editmode -%}
                        <div style="{{ email_styles.cta | join(';') }}">{{ pimcore_input('cta_text', {placeholder:'Lorem ipsum'}) }}</div>
                    {%- else -%}
                        <a href="{{ app.request.getSchemeAndHttpHost() }}{{ data.deeplink | default('') }}" style="{{ email_styles.cta | join(';') }}" target="_blank">{{ pimcore_input('cta_text') }}</a>
                    {%- endif %}                 
                </td>
            </tr>
        
        </tbody>

    </table>

{%- endblock main -%}