{% sw_extends '@Storefront/storefront/page/account/_page.html.twig' %}
{% block page_account_main_content %}
<div class="account-overview border-0">
{% block page_account_rma_detail_welcome %}
<div class="account-welcome">
{% block page_account_rma_detail_welcome_headline %}
<h1>
{{ "templaidRma.account.detail.rmaDetailHeader"|trans({'%rmaNumber%': page.rma.number})|sw_sanitize }}
</h1>
{% endblock %}
</div>
{% endblock %}
{% block page_account_rma_detail_main %}
<div class="card">
<div class="card-body account-rma-main">
{% if page.rmaItems.total == 0 %}
{% block page_account_rma_detail_info_empty %}
{% if page.rmaItems.criteria.filters %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: "warning",
content: "templaidRma.account.detail.rmasEmptyFilterText"|trans({'%url%': path('frontend.templaid.rmas.page')})|sw_sanitize
} %}
{% else %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: "warning",
content: "templaidRma.account.detail.rmasInfoEmpty"|trans|sw_sanitize
} %}
{% endif %}
{% endblock %}
{% else %}
{% block page_account_rma_detail_overview %}
<div class="account-rmas-overview">
<div class="rma-details row mb-5">
<ul class="col-12 col-sm-6 list-unstyled">
<li><strong class="mr-2">{{ "templaidRma.account.detail.rmaHeaderReference"|trans|sw_sanitize }}:</strong> <span>{{ page.rma.number }}</span></li>
<li><strong class="mr-2">{{ "templaidRma.account.detail.rmaOrderNumberReference"|trans|sw_sanitize }}:</strong> <span>{{ page.rma.order.orderNumber }}</span></li>
<li>
<strong class="mr-2">{{ "templaidRma.account.detail.rmaHeaderStatus"|trans|sw_sanitize }}:</strong>
<span>{{ ("templaidRma.account.index.rmaStatus" ~ page.rma.status|capitalize)|trans|sw_sanitize }}</span>
</li>
<li><strong class="mr-2">{{ "templaidRma.account.detail.createdAt"|trans|sw_sanitize }}:</strong> <span>{{ page.rma.createdAt|format_datetime(pattern="dd-MM-yyyy") }}</span></li>
</ul>
<ul class="col-12 col-sm-6 list-unstyled">
<li><strong class="mr-2">{{ "templaidRma.account.detail.customerReference"|trans|sw_sanitize }}:</strong> <span>{{ page.rma.customerName }}</span></li>
<li><strong class="mr-2">{{ "templaidRma.account.detail.customerEmail"|trans|sw_sanitize }}:</strong> <span>{{ page.rma.customerEmail }}</span></li>
<li><strong class="mr-2">{{ "templaidRma.account.detail.customerTelephone"|trans|sw_sanitize }}:</strong> <span>{{ page.rma.customerTelephone }}</span></li>
</ul>
</div>
<h6>
{{ "templaidRma.account.detail.rmaTableHeaderDescription"|trans({'%rmaNumber%': page.rma.number})|sw_sanitize }}
</h6>
{% block page_account_rma_detail_table %}
{% block page_account_rma_detail_table_body %}
<div class="table rmas-table">
<div class="row no-gutters flex-wrap rmas-table-header text-uppercase color-secondary m-0">
{% set rmaItemTableHeaders = [{
'label': "templaidRma.account.detail.rmaItemHeaderProductNumber"|trans|sw_sanitize,
'class': 'col-12 col-sm-7'
}, {
'label': "templaidRma.account.detail.rmaItemHeaderQtyOrdered"|trans|sw_sanitize,
'class': 'col-12 col-sm-1 text-center'
}, {
'label': "templaidRma.account.detail.rmaItemHeaderQtyDelivered"|trans|sw_sanitize,
'class': 'col-12 col-sm-1 text-center'
}, {
'label': "templaidRma.account.detail.rmaItemHeaderQtyReturn"|trans|sw_sanitize,
'class': 'col-12 col-sm-1 text-center'
}, {
'label': "templaidRma.account.detail.rmaItemHeaderOptionColumn"|trans|sw_sanitize,
'class': 'col-12 col-sm-2'
}] %}
{% set currentSortingField = page.rmaItems.criteria.sorting[0].field %}
{% set currentSortingDirection = page.rmaItems.criteria.sorting[0].direction %}
<input type="hidden"
name="defaultInvoiceSortingField"
form="invoiceFilterForm"
value="{{ currentSortingField }}"
/>
<input type="hidden"
name="defaultInvoiceSortingDirection"
form="invoiceFilterForm"
value="{{ currentSortingDirection }}"
/>
{% for header in rmaItemTableHeaders %}
<div class="col-12 {{ header.class }}">
<strong>
<label>
{{ header.label }}
</label>
</strong>
</div>
{% endfor %}
</div>
{% for rmaItem in page.rmaItems %}
<div class="row no-gutters flex-wrap rmas-table-item m-0 js--invoices-filter-item">
<div class="col-12 col-sm-7">
<strong>{{ rmaItem.orderLineItem.payload.productNumber }}</strong><br/>
{{ rmaItem.orderLineItem.label }}
</div>
<div class="col-12 col-sm-1 text-center">
{{ rmaItem.orderLineItem.quantity }}
</div>
<div class="col-12 col-sm-1 text-center">
{{ rmaItem.orderLineItem.quantity }}
</div>
<div class="col-12 col-sm-1 text-center">
{{ rmaItem.qty }}
</div>
<div class="col-12 col-sm-2">
{{ rmaItem.option }}
</div>
</div>
{% endfor %}
</div>
{% endblock %}
{% endblock %}
</div>
{% endblock %}
{% endif %}
</div>
</div>
<a href="{{ path('frontend.rma.index.page') }}"
class="btn btn-light mt-4">
{{ "templaidRma.account.detail.rmaButtonBack"|trans }}
</a>
{% endblock %}
</div>
{% endblock %}