<div class="ecp-component ecp_RemixReview">
  <form class="ecp-form">
    <h2 aria-describedby="ecpi_remixreview_info">{message:RemixReview/Title}</h2>
    <p id="ecpi_remixreview_info" class="ecp-summary">{message:RemixReview/Summary}</p>

    <div class="ecp-section" data-ecp-handle="shipping_address_section" role="region" aria-labelledby="ecpi_shipping_title">
      <a href="#" class="ecp-section-menu" data-ecp-action="change-shipping">{message:RemixReview/ChangeShippingLink}</a>
      <h3 id="ecpi_shipping_title">{message:RemixReview/ShippingAddressTitle}</h3>
      <dl class="ecp-address" data-ecp-handle="shipping_address">
        <dt>{message:shipping_first_name} {message:shipping_last_name}</dt>
        <dd data-ecp-handle="shipping_company_name">{message:shipping_company_name}</dd>
        <dd>{message:shipping_address_line_1}</dd>
        <dd data-ecp-handle="shipping_address_line_2">{message:shipping_address_line_2}</dd>
        <dd>{message:shipping_city}, <span data-ecp-handle="shipping_state_code">{message:shipping_state_code}</span><span data-ecp-handle="shipping_region">{message:shipping_region}</span> {message:shipping_postal_code}<span  data-ecp-handle="shipping_zip_extension">-{message:shipping_zip_extension}</span></dd>
        <dd>{message:shipping_country_name}</dd>
        <dd data-ecp-handle="shipping_phone">{message:RemixReview/Phone} {message:shipping_phone}</dd>
      </dl>
    </div>
    
    <div class="ecp-section" data-ecp-handle="pickup_location_section" role="region" aria-labelledby="ecpi_pickup_title">
      <h3 id="ecpi_pickup_title">{message:RemixReview/PickupLocationTitle}</h3>
      <dl class="ecp-address" data-ecp-handle="pickup_location">
        <dd>{message:pickup_company_name}</dd>
        <dd>{message:pickup_address_line_1}</dd>
        <dd>{message:pickup_city}, {message:pickup_state_code} {message:pickup_postal_code}</dd>
        <dd>{message:RemixReview/Phone} {message:pickup_phone}</dd>
      </dl>
    </div>
    
    <div class="ecp-section" role="region" aria-labelledby="ecpi_paymentmethod_title">
      <a href="#" class="ecp-section-menu" data-ecp-action="change-payment">{message:RemixReview/ChangePaymentLink}</a>
      <h3 id="ecpi_paymentmethod_title">{message:RemixReview/PaymentMethodTitle}</h3>
      <dl class="ecp-payment-method" data-ecp-handle="payment_method">
        <dt>{message:RemixReview/CardDescription_template}</dt>
        <dd data-ecp-handle="cc_name_on">{message:cc_name_on}</dd>
        <dd>{message:RemixReview/Expires} {message:cc_exp_mo}/{message:cc_exp_year}</dd>
      </dl>
    </div>
    
    <div class="ecp-section" role="region" aria-labelledby="ecpi_billing_title">
      <a href="#" class="ecp-section-menu" data-ecp-action="change-billing">{message:RemixReview/ChangeBillingLink}</a>
      <h3 id="ecpi_billing_title">{message:RemixReview/BillingAddressTitle}</h3>
      <dl class="ecp-address" data-ecp-handle="billing_address">
        <dt>{message:billing_first_name} {message:billing_last_name}</dt>
        <dd data-ecp-handle="billing_company_name">{message:billing_company_name}</dd>
        <dd>{message:billing_address_line_1}</dd>
        <dd data-ecp-handle="billing_address_line_2">{message:billing_address_line_2}</dd>
        <dd>{message:billing_city}, <span data-ecp-handle="billing_state_code">{message:billing_state_code}</span><span data-ecp-handle="billing_region">{message:billing_region}</span> {message:billing_postal_code}<span  data-ecp-handle="billing_zip_extension">-{message:billing_zip_extension}</span></dd>
        <dd>{message:billing_country_name}</dd>
        <dd data-ecp-handle="billing_phone">{message:RemixReview/Phone} {message:billing_phone}</dd>
      </dl>
    </div>

    <div class="ecp-section" role="region" aria-labelledby="ecpi_cart_title">
      <a href="#" class="ecp-section-menu" data-ecp-action="change-cart">{message:RemixReview/ChangeCartLink}</a>
      <h3 id="ecpi_cart_title">{message:RemixReview/CartTitle}</h3>
      <div class="ecp-x-list" data-ecp-handle="cart_items" role="list"> 
        <!-- | RemixReview__CartItem template | -->
      </div>
    </div>

    <div class="ecp-section" data-ecp-handle="ship_methods_section" role="region" aria-labelledby="ecpi_shipmethods_title">
      <h3 id="ecpi_shipmethods_title">{message:RemixReview/ShipMethodsTitle}</h3>
      <div class="ecp-html-content">{message:RemixReview/ShipMethodsInfo}</div>
      <select name="ship_method_id" data-ecp-action="change-ship-method" aria-label="{message:RemixReview/ShipMethodSelectLabel}">
        <!-- | RemixReview__ShipMethodOption template | -->  
      </select>
    </div>

    <div class="ecp-section" data-ecp-handle="club_rate_section" role="region" aria-labelledby="ecpi_clubrate_title">
      <h3 id="ecpi_clubrate_title">{message:RemixReview/ClubRateTitle}</h3>
      <div class="ecp-html-content">{message:RemixReview/ClubRateInfo_template}</div>
    </div>

    <div class="ecp-section ecp-form-fieldset" data-ecp-handle="shipping_comments">
      <div class="ecp-html-content">{message:RemixReview/ShipperMessage}</div>
      <textarea name="shipping_comments" rows="4" aria-label="{message:RemixReview/ShippingCommentsLabel}"></textarea>
    </div>

    <div class="ecp-section" role="region" aria-labelledby="ecpi_summary_title" aria-live="polite">
      <h3 id="ecpi_summary_title">{message:RemixReview/SummaryTitle}</h3>
      <div class="ecp-grid" role="table">
        <div class="ecp-grid-row ecp-clearfix" role="row">
          <span class="ecp-grid-col-8" role="rowheader">{message:RemixReview/ItemsTotal}</span>
          <span class="ecp-grid-col-4 ecp-text-right" role="cell">{currency:total_products}</span>
        </div>
        <div class="ecp-grid-row ecp-clearfix" data-ecp-handle="total_discount" role="row">
          <span class="ecp-grid-col-8" role="rowheader">
            {message:RemixReview/DiscountTotal}
            <ul data-ecp-handle="discount_names" role="list"> 
              <!-- | RemixReview__DiscountName template | -->
            </ul>
          </span>
          <span class="ecp-grid-col-4 ecp-text-right ecp-price-discounted" role="cell">{currency:total_products_discount}</span>
        </div>
        <div class="ecp-grid-row ecp-clearfix" data-ecp-handle="total_extended" role="row">
          <span class="ecp-grid-col-8" role="rowheader">{message:RemixReview/ExtendedTotal}</span>
          <span class="ecp-grid-col-4 ecp-text-right" role="cell">{currency:total_products_extended}</span>
        </div>
        <div class="ecp-grid-row ecp-grid-row-topline ecp-clearfix" role="row">
          <span class="ecp-grid-col-8" role="rowheader">
            {message:RemixReview/ShippingTotal}
            <ul data-ecp-handle="free_ship_discount_name"> 
              <li>{message:free_shipping_name}</li>
            </ul>
            <ul data-ecp-handle="flat_ship_discount_name"> 
              <li>{message:flat_shipping_name}</li>
            </ul>
          </span>
          <span class="ecp-grid-col-4 ecp-text-right" data-ecp-handle="total_shipping" role="cell">{currency:total_shipping_extended}</span>
        </div>
        <div class="ecp-grid-row ecp-clearfix" role="row">
          <span class="ecp-grid-col-8" role="rowheader">{message:RemixReview/TaxTotal}</span>
          <span class="ecp-grid-col-4 ecp-text-right" data-ecp-handle="total_tax" role="cell">{currency:total_tax}</span>
        </div>
        <div data-ecp-handle="fees">
          <!-- | RemixReview__Fee template -->
        </div>
        <div class="ecp-grid-row ecp-grid-row-topline ecp-clearfix" role="row">
          <span class="ecp-grid-col-8" role="rowheader"><strong>{message:RemixReview/GrandTotal}</strong></span>
          <span class="ecp-grid-col-4 ecp-text-right" data-ecp-handle="total" role="cell"><strong>{currency:total}</strong></span>
        </div>
      </div>
    </div>

    <div class="ecp-form-fieldset">
      <label for="ecpi_giftmessage">{message:RemixReview/GiftMessage}</label>
      <textarea id="ecpi_giftmessage" name="gift_message" rows="4"></textarea>
    </div>
    <div class="ecp-form-fieldset">
      <label for="ecpi_comments">{message:RemixReview/Comments}</label>
      <textarea id="ecpi_comments" name="comments" rows="4"></textarea>
    </div>

    <button data-ecp-action="save">{message:RemixReview/SaveButton}</button>
  </form>
</div>