{##
 # Orders list item
 #}
<div class="order-body-item">
  {{ this.displayCommentedData(this.getCommentedData()) }}

  <div class="title">

    <ul class="order-spec-wrapper-list">
      <li class="order-spec-wrapper">{#order number, date, total, num items#}
        <ul class="order-spec">
          {{ widget_list('orders.children.spec') }}
        </ul>
      </li>

      <li class="order-part-wrapper">

        <div class="order-statuses payment-{{ this.order.paymentStatus.code }} shipping-{{ this.order.shippingStatus.code }}">
          <ul class="statuses">
            <li class="order-payment-status">
              {{ widget('\\XLite\\View\\OrderStatus\\Payment', order=this.order, useWrapper='true') }}
            </li>
            <li class="order-shipping-status">
              {{ widget('\\XLite\\View\\OrderStatus\\Shipping', order=this.order, useWrapper='true') }}
            </li>
          </ul>
        </div>

        <div class="order-spec-separator"></div>

        <div class="order-actions">
          <ul class="actions-list">
            {{ widget_list('orders.children.actions') }}
          </ul>
        </div>

      </li>
    </ul>

  </div> {#End of title#}

  <div id="order-{{ this.order.orderId }}" class="order-body-items-list collapse">
    <div class="shipping-method-spec">
      {{ widget_list('orders.children.shipping') }}
    </div>
    {{ widget('\\XLite\\View\\Order\\ListItem\\Items', full='true', order=this.order) }}
  </div>
</div>