<div class="ecp-component ecp_AllocationCart">
  <h2>{message:AllocationCart/Title}</h2>
  <div class="ecp-html-content">{message:description}</div>
  <form class="ecp-form">
    <div class="ecp-section">
      <button data-ecp-action="select-max-all" data-ecp-handle="max_all">{message:AllocationCart/SelectMaxAllButton}</button>
      <button data-ecp-action="select-max-allocated" data-ecp-handle="max_allocated">{message:AllocationCart/SelectMaxAllocatedButton}</button>
    </div>
    <div class="ecp-section" data-ecp-handle="allocated_products_section" role="region" aria-labelledby="ecpi_allocated_title">
      <h3 id="ecpi_allocated_title">{message:AllocationCart/AllocatedProductsTitle}</h3>
      <div data-ecp-handle="allocated_products" role="list">
        <!-- AllocationCart__Product -->
      </div>
    </div>
    <div class="ecp-section" data-ecp-handle="request_products_section" role="region" aria-labelledby="ecpi_request_title">
      <h3 id="ecpi_request_title">{message:AllocationCart/RequestProductsTitle}</h3>
      <p class="ecp-micro-summary">{message:AllocationCart/RequestProductsInfo}</p>
      <div data-ecp-handle="request_products" role="list">
        <!-- AllocationCart__Product -->
      </div>
    </div>
    <div class="ecp-section" role="region" aria-labelledby="ecpi_summary_title" aria-live="polite">
      <h3 id="ecpi_summary_title">{message:AllocationCart/SummaryTitle}</h3>
      <div class="ecp-section" data-ecp-handle="allocated_summary">
        <div class="ecp-grid" role="table">
          <div class="ecp-grid-row ecp-clearfix" role="row">
            <span class="ecp-grid-col-8" role="rowheader">{message:AllocationCart/TotalQuantity}</span>
            <span class="ecp-grid-col-4 ecp-text-right" role="cell">
              <span data-ecp-handle="total_quantity"></span>
            </span>
          </div>
          <div class="ecp-grid-row ecp-clearfix" role="row">
            <span class="ecp-grid-col-8" role="rowheader">{message:AllocationCart/TotalValue}</span>
            <span class="ecp-grid-col-4 ecp-text-right" role="cell">
              <span data-ecp-handle="total_value"></span>
            </span>
          </div>
        </div>
        <div class="ecp-section" data-ecp-handle="request_summary">
          <div class="ecp-grid" role="table">
            <div class="ecp-grid-row ecp-clearfix ecp-grid-row-splitter" role="row">
              <span class="ecp-grid-col-8" role="rowheader">{message:AllocationCart/TotalRequestQuantity}</span>
              <span class="ecp-grid-col-4 ecp-text-right" role="cell">
                <span data-ecp-handle="total_request_quantity"></span>
              </span>
            </div>
            <div class="ecp-grid-row ecp-clearfix" role="row">
              <span class="ecp-grid-col-8" role="rowheader">{message:AllocationCart/TotalRequestValue}</span>
              <span class="ecp-grid-col-4 ecp-text-right" role="cell">
                <span data-ecp-handle="total_request_value"></span>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="ecp-callout-warning" data-ecp-handle="minimum_order_quantity" role="alert">{message:AllocationCart/MinOrderQuantity_template}</div>
    <button data-ecp-action="checkout" data-ecp-handle="update_button">{message:AllocationCart/UpdateCartButton}</button>
  </form>
  <a href="{message:__cancel_link}" class="ecp-option" data-ecp-action="cancel">{message:AllocationCart/CancelLink}</a>
</div>