{% extends '@MailThemes/classic/components/layout.html.twig' %}

{% block content %}
<tr>
  <td align="center" class="titleblock">
    <font size="2" face="{{ languageDefaultFont }}Open-sans, sans-serif" color="#555454">
      <span class="title">{{ 'Hi,'|trans({}, 'Emails.Body', locale)|raw }}</span>
    </font>
  </td>
</tr>
<tr>
  <td class="space_footer">&nbsp;</td>
</tr>
<tr>
  <td class="linkbelow" style="border:none;padding:7px 0">
    <span>{{ 'You have received a new return request for {shop_name}.'|trans({}, 'Emails.Body', locale) }}</span>
  </td>
</tr>
<tr>
  <td class="space_footer">&nbsp;</td>
</tr>
<tr>
  <td class="box" colspan="3" style="background-color:#fbfbfb;border:1px solid #d6d4d4!important;padding:10px!important">
    <p style="margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:18px;border-bottom:1px solid #d6d4d4!important;padding-bottom:10px">
      {{ 'Return details'|trans({}, 'Emails.Body', locale)|raw }}
    </p>
    <span style="color:#777">
      <span style="color:#333"><strong>{{ 'Order:'|trans({}, 'Emails.Body', locale)|raw }}</strong></span> {{ '{order_name} Placed on {date}'|trans({}, 'Emails.Body', locale) }}<br/>
      <span style="color:#333"><strong>{{ 'Customer:'|trans({}, 'Emails.Body', locale)|raw }}</strong></span> {firstname} {lastname}, ({email})
    </span>
  </td>
</tr>
<tr>
  <td style="border:none;padding:7px 0">
    <table class="table table-recap" bgcolor="#ffffff" style="width:100%;background-color:#fff"><!-- Title -->
      <thead>
        <tr>
          <th style="border:1px solid #DDD!important;background-color:#fbfbfb;font-family:Arial;color:#333;font-size:13px;padding:10px">{{ 'Reference'|trans({}, 'Emails.Body', locale)|raw }}</th>
          <th style="border:1px solid #DDD!important;background-color:#fbfbfb;font-family:Arial;color:#333;font-size:13px;padding:10px">{{ 'Product'|trans({}, 'Emails.Body', locale)|raw }}</th>
          <th style="border:1px solid #DDD!important;background-color:#fbfbfb;font-family:Arial;color:#333;font-size:13px;padding:10px">{{ 'Quantity'|trans({}, 'Emails.Body', locale)|raw }}</th>
        </tr>
      </thead>
      <tbody>
        {items}
      </tbody>
    </table>
  </td>
</tr>
<tr>
  <td class="space_footer" style="padding:0!important;border:none">&nbsp;</td>
</tr>
<tr>
  <td style="border:none;padding:7px 0">
    <table class="table" style="width:100%;background-color:#fff">
      <tr>
        <td class="box address" width="310" style="background-color:#fbfbfb;border:1px solid #d6d4d4!important;padding:10px!important">
          <p style="margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:18px;border-bottom:1px solid #d6d4d4!important;padding-bottom:10px">{{ 'Delivery address'|trans({}, 'Emails.Body', locale)|raw }}</p>
          <span style="color:#777">
            {delivery_block_html}
          </span>
        </td>
        <td width="20" class="space_address" style="border:none;padding:7px 0">&nbsp;</td>
        <td class="box address" width="310" style="background-color:#fbfbfb;border:1px solid #d6d4d4!important;padding:10px!important">
          <p style="margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:18px;border-bottom:1px solid #d6d4d4!important;padding-bottom:10px">{{ 'Billing address'|trans({}, 'Emails.Body', locale)|raw }}</p>
          <span style="color:#777">
            {invoice_block_html}
          </span>
        </td>
      </tr>
    </table>
  </td>
</tr>
<tr>
  <td class="space_footer" style="padding:0!important;border:none">&nbsp;</td>
</tr>
<tr>
  <td class="box" colspan="3" style="background-color:#fbfbfb;border:1px solid #d6d4d4!important;padding:10px!important">
    <p style="margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:18px;border-bottom:1px solid #d6d4d4!important;padding-bottom:10px">
      {{ 'Customer message:'|trans({}, 'Emails.Body', locale)|raw }}
    </p>
    <span style="color:#777">
      {message}
    </span>
  </td>
</tr>
{% endblock %}