vendor/shopware/storefront/Resources/views/storefront/page/account/order-history/order-item.html.twig line 1

Open in your IDE?
  1. {% set ORDER_TRANSACTION_STATE_OPEN = constant('Shopware\\Core\\Checkout\\Order\\Aggregate\\OrderTransaction\\OrderTransactionStates::STATE_OPEN') %}
  2. {% set ORDER_TRANSACTION_STATE_FAILED = constant('Shopware\\Core\\Checkout\\Order\\Aggregate\\OrderTransaction\\OrderTransactionStates::STATE_FAILED') %}
  3. {% set ORDER_TRANSACTION_STATE_REMINDED = constant('Shopware\\Core\\Checkout\\Order\\Aggregate\\OrderTransaction\\OrderTransactionStates::STATE_REMINDED') %}
  4. {% set ORDER_TRANSACTION_STATE_CANCELLED = constant('Shopware\\Core\\Checkout\\Order\\Aggregate\\OrderTransaction\\OrderTransactionStates::STATE_CANCELLED') %}
  5. {% set ORDER_TRANSACTION_STATE_UNCONFIRMED = constant('Shopware\\Core\\Checkout\\Order\\Aggregate\\OrderTransaction\\OrderTransactionStates::STATE_UNCONFIRMED') %}
  6. {% set ALLOWED_TRANSACTION_STATES = constant('Shopware\\Core\\Checkout\\Order\\SalesChannel\\OrderService::ALLOWED_TRANSACTION_STATES') %}
  7. {% set ORDER_STATE_CANCELLED = constant('Shopware\\Core\\Checkout\\Order\\OrderStates::STATE_CANCELLED') %}
  8. {% set PRODUCT_LINE_ITEM_TYPE = constant('Shopware\\Core\\Checkout\\Cart\\LineItem\\LineItem::PRODUCT_LINE_ITEM_TYPE') %}
  10. {% block page_account_order_item_overview %}
  11.     <div class="order-wrapper">
  12.         <div class="order-item-header">
  13.                 {% set states = [
  14.                     ORDER_TRANSACTION_STATE_FAILED,
  15.                     ORDER_TRANSACTION_STATE_REMINDED,
  16.                     ORDER_TRANSACTION_STATE_UNCONFIRMED,
  17.                     ORDER_TRANSACTION_STATE_CANCELLED
  18.                 ] %}
  20.                 {% set orderState = order.stateMachineState.technicalName %}
  21.                 {% set orderPaymentState = order.transactions.last.stateMachineState.technicalName %}
  23.                 {# @deprecated tag:v6.5.0 - Use "orderPaymentState" instead. #}
  24.                 {% set state = orderPaymentState %}
  26.                 {% set isPaymentNeeded = orderPaymentState in states and orderState != ORDER_STATE_CANCELLED %}
  28.                 <div class="row flex-wrap">
  29.                     {% block page_account_order_item_heading %}
  30.                         <h3 class="col-auto order-table-header-heading">{{ "account.orderHeadline"|trans|sw_sanitize }} {{ order.orderDateTime|format_date('short', locale=app.request.locale) }}</h3>
  31.                     {% endblock %}
  33.                     {% block page_account_order_item_status_col %}
  34.                         <div class="col-12 col-sm">
  35.                             {% block page_account_order_item_status %}
  36.                                 <div class="order-table-header-order-status">
  37.                                     {% if isPaymentNeeded %}
  38.                                         {% block page_account_order_item_status_badge_payment_process_needed %}
  39.                                             <a href="{{ path('frontend.account.edit-order.page', { 'orderId': order.id }) }}"
  40.                                                class="badge badge-lg order-item-status-badge badge-danger">
  41.                                                 {{ "account.orderStatusActionCompletePayment"|trans|sw_sanitize }}
  42.                                                 {% sw_icon 'arrow-medium-right' style { 'size': 'sm', 'pack': 'solid' } %}
  43.                                             </a>
  44.                                         {% endblock %}
  45.                                     {% else %}
  46.                                         {% block page_account_order_item_status_badge %}
  47.                                             <span class="badge badge-lg order-item-status-badge order-item-status-badge-{{ orderState }}">
  48.                                                 {{ order.stateMachineState.translated.name }}
  49.                                             </span>
  50.                                         {% endblock %}
  51.                                     {% endif %}
  52.                                 </div>
  53.                             {% endblock %}
  54.                         </div>
  55.                     {% endblock %}
  57.                     {% block page_account_order_item_context_menu_col %}
  58.                         <div class="col-1 order-table-header-context-menu-wrapper">
  60.                             {% if isPaymentNeeded %}
  61.                                 <span class="order-table-header-context-menu-indicator notification-dot notification-dot-danger"></span>
  62.                             {% endif %}
  64.                             {% block page_account_order_item_context_menu %}
  66.                                 {% block page_account_order_item_context_menu_button %}
  67.                                     <button class="btn dropdown-toggle order-table-header-context-menu"
  68.                                             type="button"
  69.                                             id="accountOrderDropdown"
  70.                                             {{ dataBsToggleAttr }}="dropdown"
  71.                                             aria-haspopup="true"
  72.                                             aria-expanded="false">
  73.                                         {% sw_icon 'more-horizontal' %}
  74.                                     </button>
  75.                                 {% endblock %}
  77.                                 {% block page_account_order_item_context_menu_content %}
  78.                                     <div class="dropdown-menu dropdown-menu-right order-table-header-context-menu-content"
  79.                                          aria-labelledby="accountOrderDropdown">
  81.                                         {% if orderState != ORDER_STATE_CANCELLED and orderPaymentState in ALLOWED_TRANSACTION_STATES %}
  82.                                             {% block page_account_order_item_context_menu_content_change_payment_button %}
  83.                                                 {% if isPaymentNeeded %}
  84.                                                     <a class="order-table-header-context-menu-content-link"
  85.                                                        href="{{ path('frontend.account.edit-order.page', { 'orderId': order.id }) }}">
  86.                                                         <strong>{{ "account.orderStatusActionCompletePayment"|trans|sw_sanitize }}</strong>
  87.                                                     </a>
  88.                                                 {% else %}
  89.                                                     <a class="order-table-header-context-menu-content-link"
  90.                                                        href="{{ path('frontend.account.edit-order.page', { 'orderId': order.id }) }}">
  91.                                                         {{ "account.orderContextMenuChangePayment"|trans|sw_sanitize }}
  92.                                                     </a>
  93.                                                 {% endif %}
  94.                                             {% endblock %}
  95.                                         {% endif %}
  97.                                         {% block page_account_order_item_context_menu_reorder %}
  98.                                             {% set action %}
  99.                                                 {% block page_account_order_item_context_menu_reorder_form_action %}
  100.                                                     {{ path('frontend.checkout.line-item.add') }}
  101.                                                 {% endblock %}
  102.                                             {% endset %}
  104.                                             {% block page_account_order_item_context_menu_reorder_form %}
  105.                                                 <form action="{{ action }}"
  106.                                                       id="orderDetailForm-{{ order.Id }}"
  107.                                                       method="post"
  108.                                                       class="order-table-header-context-menu-content-form"
  109.                                                       data-add-to-cart="true">
  111.                                                     {# @deprecated tag:v6.5.0 - Block page_account_order_item_context_menu_reorder_form_csrf will be removed. #}
  112.                                                     {% block page_account_order_item_context_menu_reorder_form_csrf %}
  113.                                                         {{ sw_csrf('frontend.checkout.line-item.add') }}
  114.                                                     {% endblock %}
  116.                                                     {% block page_account_order_item_context_menu_reorder_form_redirect %}
  117.                                                         <input type="hidden" name="redirectTo" value="frontend.cart.offcanvas"/>
  118.                                                     {% endblock %}
  120.                                                     {% block page_account_order_item_context_menu_reorder_form_line_items_input %}
  121.                                                         {% for lineItem in order.lineItems %}
  122.                                                             {% block page_account_order_item_context_menu_reorder_form_line_item_input %}
  123.                                                                 {% if lineItem.type == PRODUCT_LINE_ITEM_TYPE %}
  124.                                                                     <input type="hidden"
  125.                                                                            name="lineItems[{{ lineItem.identifier }}][id]"
  126.                                                                            value="{{ lineItem.identifier }}">
  127.                                                                     <input type="hidden"
  128.                                                                            name="lineItems[{{ lineItem.identifier }}][referencedId]"
  129.                                                                            value="{{ lineItem.referencedId }}">
  130.                                                                     <input type="hidden"
  131.                                                                            name="lineItems[{{ lineItem.identifier }}][type]"
  132.                                                                            value="{{ lineItem.type }}">
  133.                                                                     <input type="hidden"
  134.                                                                            name="lineItems[{{ lineItem.identifier }}][stackable]"
  135.                                                                            value="1">
  136.                                                                     <input type="hidden"
  137.                                                                            name="lineItems[{{ lineItem.identifier }}][removable]"
  138.                                                                            value="1">
  139.                                                                     <input type="hidden"
  140.                                                                            name="lineItems[{{ lineItem.identifier }}][quantity]"
  141.                                                                            value="{{ lineItem.quantity }}">
  142.                                                                 {% endif %}
  143.                                                             {% endblock %}
  144.                                                         {% endfor %}
  145.                                                     {% endblock %}
  147.                                                     {% block page_account_order_item_context_menu_reorder_form_button %}
  148.                                                         <button class="order-table-header-context-menu-content-link" type="submit">{{ "account.orderContextMenuReorder"|trans|sw_sanitize }}</button>
  149.                                                     {% endblock %}
  150.                                                  </form>
  151.                                             {% endblock %}
  152.                                         {% endblock %}
  154.                                         {% block page_account_order_item_context_menu_cancel_order %}
  155.                                             {% if orderState != ORDER_STATE_CANCELLED and config('core.cart.enableOrderRefunds') %}
  156.                                                 <button type="button"
  157.                                                         class="order-table-header-context-menu-content-link"
  158.                                                         {{ dataBsToggleAttr }}="modal"
  159.                                                         {{ dataBsTargetAttr }}="#order-{{ order.id }}">
  160.                                                     {{ "account.editOrderCancelOrderButton"|trans|sw_sanitize }}
  161.                                                 </button>
  162.                                             {% endif %}
  163.                                         {% endblock %}
  164.                                     {% endblock %}
  165.                                </div>
  166.                             {% endblock %}
  168.                             {% if orderState != ORDER_STATE_CANCELLED %}
  169.                                 <div class="tester">
  170.                                     {% sw_include '@Storefront/storefront/page/account/order-history/cancel-order-modal.html.twig' %}
  171.                                 </div>
  172.                             {% endif %}
  174.                         </div>
  175.                     {% endblock %}
  177.                     {% block page_account_order_item_order_number_col %}
  178.                         <div class="col-12 order-table-header-order-number">
  179.                             {% block page_account_order_item_order_number %}
  180.                                 <strong class="order-table-header-label">{{ "account.orderNumber"|trans|sw_sanitize }}</strong>
  181.                                 <span class="order-table-body-value">{{ order.orderNumber|sw_sanitize }}</span>
  182.                             {% endblock %}
  183.                         </div>
  184.                     {% endblock %}
  185.                 </div>
  188.                 {% block page_account_order_item_order_table_header_col %}
  189.                         {% block page_account_order_item_order_table_header %}
  190.                             <div class="col-12 row order-table-header-order-table-header">
  192.                                 {% block page_account_order_item_order_table_header_cell_shipping_status %}
  193.                                     {% if order.deliveries|length > 0 %}
  194.                                         <div class="col-12 col-sm order-table-header-order-table-header-cell">{{ "account.orderShippingStatus"|trans|sw_sanitize }}</div>
  195.                                     {% endif %}
  196.                                 {% endblock %}
  198.                                 {% block page_account_order_item_order_table_header_cell_payment_status %}
  199.                                     <div class="col-12 col-sm order-table-header-order-table-header-cell">{{ "account.orderPaymentStatus"|trans|sw_sanitize }}</div>
  200.                                 {% endblock %}
  202.                                 {% block page_account_order_item_order_table_header_cell_payment_method %}
  203.                                     <div class="col-12 col-sm order-table-header-order-table-header-cell">{{ "account.orderPaymentMethod"|trans|sw_sanitize }}</div>
  204.                                 {% endblock %}
  206.                                 {% block page_account_order_item_order_table_header_cell_shipping_method %}
  207.                                     {% if order.deliveries|length > 0 %}
  208.                                         <div class="col-12 col-sm order-table-header-order-table-header-cell">{{ "account.orderShippingMethod"|trans|sw_sanitize }}</div>
  209.                                     {% endif %}
  210.                                 {% endblock %}
  212.                                 {% block page_account_order_item_order_table_header_cell_placeholder %}
  213.                                     <div class="col-2 order-table-header-order-table-header-cell"></div>
  214.                                 {% endblock %}
  215.                             </div>
  216.                         {% endblock %}
  217.                 {% endblock %}
  219.                 {% block page_account_order_item_order_table_body_col %}
  220.                         {% block page_account_order_item_order_table_body %}
  221.                             <div class="col-12 row order-table-header-order-table-body">
  223.                                 {% block page_account_order_item_order_table_body_cell_shipping_status %}
  224.                                     {% if order.deliveries|length > 0 %}
  225.                                         <div class="col-12 col-sm order-table-header-order-table-body-cell">
  226.                                             <strong class="order-table-header-label">
  227.                                                 {{ "account.orderShippingStatus"|trans|sw_sanitize }}{{ "account.colonCharacter"|trans|sw_sanitize }}
  228.                                             </strong>
  229.                                             <span class="order-table-body-value">{{ order.deliveries|first.stateMachineState.translated.name }}</span>
  230.                                         </div>
  231.                                     {% endif %}
  232.                                 {% endblock %}
  234.                                 {% block page_account_order_item_order_table_body_cell_payment_status %}
  235.                                     <div class="col-12 col-sm order-table-header-order-table-body-cell">
  236.                                         <strong class="order-table-header-label">
  237.                                             {{ "account.orderPaymentStatus"|trans|sw_sanitize }}{{ "account.colonCharacter"|trans|sw_sanitize }}
  238.                                         </strong>
  239.                                         <span class="order-table-body-value">{{ order.transactions|last.stateMachineState.translated.name }}</span>
  240.                                     </div>
  241.                                 {% endblock %}
  243.                                 {% block page_account_order_item_order_table_body_cell_payment_method %}
  244.                                     <div class="col-12 col-sm order-table-header-order-table-body-cell">
  245.                                         <strong class="order-table-header-label">
  246.                                             {{ "account.orderPaymentMethod"|trans|sw_sanitize }}{{ "account.colonCharacter"|trans|sw_sanitize }}
  247.                                         </strong>
  248.                                         <span class="order-table-body-value">{{ order.transactions|last.paymentMethod.translated.name }}</span>
  249.                                     </div>
  250.                                 {% endblock %}
  252.                                 {% block page_account_order_item_order_table_body_cell_shipping_method %}
  253.                                     {% if order.deliveries|length > 0 %}
  254.                                         <div class="col-12 col-sm order-table-header-order-table-body-cell">
  255.                                             <strong class="order-table-header-label">
  256.                                                 {{ "account.orderShippingMethod"|trans|sw_sanitize }}{{ "account.colonCharacter"|trans|sw_sanitize }}
  257.                                             </strong>
  258.                                             <span class="order-table-body-value">{{ order.deliveries|first.shippingMethod.translated.name }}</span>
  259.                                         </div>
  260.                                     {% endif %}
  261.                                 {% endblock %}
  263.                                 {% block page_account_order_item_order_table_body_cell_toggle_order_details %}
  264.                                     <div class="col-12 col-sm-2 order-item order-item-actions order-table-header-order-table-body-cell">
  266.                                         {% block page_account_order_item_order_table_body_cell_toggle_order_details_button %}
  267.                                             <button class="btn btn-light btn-sm order-hide-btn collapsed"
  268.                                                     type="submit"
  269.                                                     {{ dataBsToggleAttr }}="collapse"
  270.                                                     {{ dataBsTargetAttr }}="#order{{ order.orderNumber }}"
  271.                                                     aria-expanded="false"
  272.                                                     aria-controls="collapseExample">
  274.                                                 {% block page_account_order_item_order_table_body_cell_toggle_order_details_button_text %}
  275.                                                     <span class="order-hide-btn-text">{{ "account.orderActionHide"|trans|sw_sanitize }}</span>
  276.                                                     <span class="order-view-btn-text">{{ "account.orderActionView"|trans|sw_sanitize }}</span>
  277.                                                 {% endblock %}
  278.                                             </button>
  279.                                         {% endblock %}
  280.                                     </div>
  281.                                 {% endblock %}
  282.                             </div>
  283.                         {% endblock %}
  284.                     </div>
  285.                 {% endblock %}
  286.             </div>
  288.         {% block page_account_order_item_detail %}
  289.             {% sw_include '@Storefront/storefront/page/account/order-history/order-detail.html.twig' %}
  290.         {% endblock %}
  291. {% endblock %}