<div class="ecp-component ecp_EditClubSubscription">
  <h2>{message:EditClubSubscription/Title}</h2>
  <p class="ecp-summary-heading">{message:club_tier_name}</p>
  <div class="ecp-html-content" data-ecp-handle="pickup_message">{message:EditClubSubscription/PickupSummaryHTML_template}</div>
  <div class="ecp-html-content" data-ecp-handle="pickup_custom_message">{message:EditClubSubscription/PickupCustomSummaryHTML_template}</div>
  <div class="ecp-html-content" data-ecp-handle="shipment_message">{message:EditClubSubscription/ShipmentSummaryHTML_template}</div>
  <div class="ecp-html-content" data-ecp-handle="shipment_custom_message">{message:EditClubSubscription/ShipmentCustomSummaryHTML_template}</div>
  <form class="ecp-form">
    <div data-ecp-handle="custom_tier" class="ecp-card" role="region" aria-labelledby="ecpi_ccs_products">
      <h3 id="ecpi_ccs_products">{message:EditClubSubscription/Products/Subtitle}</h3>
      <p data-ecp-handle="minimum_annual_spend" class="ecp-summary">{message:EditClubSubscription/Products/MinimumSpend_template}</p>
      <p data-ecp-handle="minimum_quantity" class="ecp-summary">{message:EditClubSubscription/Products/MinimumQuantity_template}</p>
      <div data-ecp-handle="custom_tier_products" role="list">
        <!--
          | EditClubSubscription__Product template |
          or
          | EditClubSubscription__ProductMinSpend template |
        -->
      </div>
      <h4 data-ecp-handle="minimum_annual_spend_total">{message:EditClubSubscription/Products/SelectedSpend_template}</h4>
      <h4 data-ecp-handle="minimum_quantity_total">{message:EditClubSubscription/Products/SelectedQuantity_template}</h4>
      <div class="ecp-callout-warning" data-ecp-handle="warn_minimum_annual_spend" role="alert">{message:EditClubSubscription/Products/MinimumSpendUnmet_template}</div>
      <div class="ecp-callout-warning" data-ecp-handle="warn_minimum_quantity" role="alert">{message:EditClubSubscription/Products/MinimumQuantityUnmet_template}</div>
    </div>
    <div class="ecp-card" role="region" aria-labelledby="ecpi_ccs_addresses">
      <h3 id="ecpi_ccs_addresses">{message:EditClubSubscription/ShippingAddressesSubtitle}</h3>
      <div data-ecp-handle="shipping_addresses" class="ecp-highlight-first" role="list">
        <!-- | EditClubSubscription__Address template | -->
      </div>
      <div><a href="#" class="ecp-option" data-ecp-action="add-shipping-address">{message:EditClubSubscription/AddShippingAddressLink}</a></div>
    </div>
    <div class="ecp-card" role="region" aria-labelledby="ecpi_ccs_paymentmethods">
      <h3 id="ecpi_ccs_paymentmethods">{message:EditClubSubscription/PaymentMethodsSubtitle}</h3>
      <div data-ecp-handle="payment_methods" class="ecp-highlight-first" role="list">
        <!-- | SelectPaymentMethod__PaymentMethod template | -->
      </div>
      <div><a href="#" class="ecp-option" data-ecp-action="add-payment-method">{message:EditClubSubscription/AddPaymentMethodLink}</a></div>
    </div>
    <div class="ecp-form-buttonset-2 ecp-clearfix">
      <button class="ecp-secondary" data-ecp-action="cancel">{message:EditClubSubscription/CancelButton}</button>
      <button data-ecp-handle="save" data-ecp-action="save">{message:EditClubSubscription/SaveButton}</button>
    </div>
  </form>
</div>