<div class="ecp-component ecp_OrderAdjust">
  <form class="ecp-form">
    <h2>{message:OrderAdjust/Title}</h2>
    <div class="ecp-html-subtitle">{message:OrderAdjust/Summary}</div>
    <div class="ecp-section" data-ecp-handle="allocated_section">
      <div class="ecp-x-list" data-ecp-handle="allocated_items"> 
        <!-- | OrderAdjust__CartItem__Allocated template | -->
      </div>
    </div>
    <div class="ecp-section" data-ecp-handle="general_section">
      <div class="ecp-x-list" data-ecp-handle="general_items"> 
        <!-- 
            | OrderAdjust__CartItem_A template is used for products with no thumbnail image |

            or

            | OrderAdjust__CartItem_B template is used for products with a thumbnail image |
        -->
      </div>
    </div>

    <div class="ecp-callout-box ecp-text-center" data-ecp-handle="item_removal_info">{message:OrderAdjust/ItemRemovalInfo}</div>
    <div class="ecp-callout-box ecp-text-center" data-ecp-handle="request_item_removal_info">{message:OrderAdjust/RequestItemRemovalInfo}</div>
    
    <button data-ecp-action="apply-changes">{message:OrderAdjust/SaveButton}</button>
  </form>
</div>