{% extends "email/layout.mjml.twig" %}
{% block content %}
    <mj-section>
        <mj-column>
            <!-- mj-image debe estar dentro de un mj-column -->
            <mj-image width="280px"
                      src="{{ absolute_url(asset('/build/images/web/logo-header-desktop-1.png') ) }}"
                      alt="Justicialistas"
                      href="{{ absolute_url(path('web_home') ) }}" />
        </mj-column>
    </mj-section>
    <mj-section background-color="#d3b999" padding="20px" css-class="rounded-section" border-radius="10px">
        <mj-column>
            <mj-text font-size="24px" color="#ffffff" font-weight="bold" align="center">
                {{ headerMessage }}
            </mj-text>
        </mj-column>
    </mj-section>
    {% if message is defined %}
        <mj-section>
            <mj-column>
                <mj-text font-size="16px">
                    {{ message|nl2br }}
                    {% if link is defined %}<a href="{{ link }}" target="_blank">{{ order.trackingNumber }}</a>{% endif %}
                </mj-text>
            </mj-column>
        </mj-section>
    {% endif %}
    <mj-section>
        <mj-column>
            <mj-text>
                <u>
                    {{ 'order.order'|trans({}, 'email') }} #{{ order.id }} ({{ "now"|date("d/m/Y") }})
                </u>
            </mj-text>
        </mj-column>
    </mj-section>
    <mj-section background-color="#ffffff">
        <mj-column>
            <mj-table border="1" cellpadding="5" cellspacing="0" width="100%">
                <tr style="font-size:14px;">
                    <th style="text-align:left; padding:10px;">{{ 'order.product'|trans({}, 'email') }}</th>
                    <th style="text-align:center; padding:10px;">{{ 'order.quantity'|trans({}, 'email') }}</th>
                    <th style="text-align:center; padding:10px;">{{ 'order.price'|trans({}, 'email') }}</th>
                </tr>
                {% for item in order.orderItems %}
                    <tr style="border-bottom: 1px solid #3E2723;">
                        <td style="text-align:left; padding:10px;">{{ item.product.name }}</td>
                        <td style="text-align:center; padding:10px;">{{ item.quantity }}</td>
                        <td style="text-align:center; padding:10px; font-weight:bold;">${{ item.price | format_number }}</td>
                    </tr>
                {% endfor %}
            </mj-table>
        </mj-column>
    </mj-section>
    <mj-section>
        <mj-column>
            <mj-text align="right">
                <table style="width:100%; padding: 10px; background-color: #f8f8f8;">
                    <tr>
                        <td>{{ 'order.subTotal'|trans({}, 'email') }} :</td>
                        <td style="text-align:right;">${{ order.subtotal|number_format(2, ',', '.') }}</td>
                    </tr>
                    <tr>
                        <td>{{ 'order.shipping'|trans({}, 'email') }}:</td>
                        <td style="text-align:right;">
                            {{ order.shippingType.name }}
                            {% if order.shippingCost == 0 %}
                                (Gratis)
                            {% else %}
                                (${{ order.shippingCost|format_number }})
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <td>{{ 'order.paymentMethod'|trans({}, 'email') }}:</td>
                        <td style="text-align:right;">
                            {{ order.paymentMethods.name }}
                            {% if order.discount != 0 %}(- ${{ order.discount|format_number }}){% endif %}
                        </td>
                    </tr>
                </table>
            </mj-text>
        </mj-column>
    </mj-section>
    <mj-section background-color="#000000" border-radius="10px">
        <mj-column>
            <mj-text align="center" color="#ffffff" font-weight="bold" text-transform="uppercase">
                <strong>{{ 'order.total'|trans({}, 'email') }}: ${{ order.total|number_format(2, ',', '.') }}</strong>
            </mj-text>
        </mj-column>
    </mj-section>
    <mj-section>
        <mj-column>
            {% if transferData is defined and order.paymentMethods.id == 2 and order.orderStatus.id == 1 %}
                <mj-table>
                    <tr>
                        <td style="padding: 10px;">
                            <strong>{{ 'order.transfersDataMessage'|trans({}, 'email') }}</strong>
                            <br>
                            <br>
                            {{ 'order.alias'|trans({}, 'email') }}: {{ transferData.alias }}
                            <br>
                            {{ 'order.cbu'|trans({}, 'email') }}: {{ transferData.cbu }}
                            <br>
                            {{ 'order.companyName'|trans({}, 'email') }}: {{ transferData.companyName }}
                            <br>
                            {{ 'order.bank'|trans({}, 'email') }}: {{ transferData.bank }}
                            <br>
                            {{ 'order.cuit'|trans({}, 'email') }}: {{ transferData.cuit }}
                            <br>
                            {{ 'order.accuntNumber'|trans({}, 'email') }}: {{ transferData.accountNumber }}
                        </td>
                    </tr>
                </mj-table>
            {% endif %}
            {% if order.shippingType.id == 3 %}
                <mj-table>
                    <tr>
                        <td style="padding: 10px;">
                            <strong>{{ 'order.branchInformation'|trans({}, 'email') }}</strong>
                            <br>
                            {{ order.shippingBranch }}
                        </td>
                    </tr>
                </mj-table>
            {% endif %}
            {% if order.shippingType.id == 4 %}
                <mj-table>
                    <tr>
                        <td style="padding: 10px;">
                            <strong>{{ 'order.shippingInformation'|trans({}, 'email') }}</strong>
                            <br>
                            {{ order.shippingStreet|upper }} {{ order.shippingNumber|upper }}
                            {% if order.shippingFloor is not null %}
                                {{ 'order.shippingFloor'|trans({}, 'admin') }} {{ order.shippingFloor|upper }}
                            {% endif %}
                            {% if order.shippingApartament is not null %}
                                {{ 'order.shippingApartament'|trans({}, 'admin') }} {{ order.shippingApartament|upper }}
                            {% endif %}
                            - {{ order.shippingCity.name|upper }} ({{ order.shippingPostalCode|upper }})
                            <br>
                        </td>
                    </tr>
                </mj-table>
            {% endif %}
        </mj-column>
    </mj-section>
{% endblock %}