<div class="ecp-list-item {message:css_class}" data-ecp-id="{message:product_id}" role="listitem">
  <div class="ecp-columns ecp-clearfix">
    <div class="ecp-columns-left">
      <h4>{message:product_name}</h4>
      <ul class="ecp-item-list ecp-horizontal-list" data-ecp-handle="attributes">
        <li data-ecp-handle="attribute_1">{message:ReservationBook/Attribute1_template}</li>
        <li data-ecp-handle="attribute_2">{message:ReservationBook/Attribute2_template}</li>
        <li data-ecp-handle="attribute_3">{message:ReservationBook/Attribute3_template}</li>
      </ul>
      <div data-ecp-handle="available">
        <div class="ecp-columns-left">
            <div class="ecp-price" aria-label="{message:ReservationBook/RegularPriceLabel}" data-ecp-handle="cart_regular_price">{currency:price} {message:ReservationBook/PerPerson_template}</div>
        </div>
      </div>
    </div>
    <div class="ecp-columns-right">
      <div data-ecp-handle="available" class="ecp-text-right">
        <span data-ecp-handle="discounted">
          <span class="ecp-price-regular" aria-label="{message:ReservationBook/RegularProductTotalLabel}" data-ecp-handle="cart_regular_total">{currency:cart_regular_total}</span>
          <span class="ecp-price-discounted" aria-label="{message:ReservationBook/DiscountProductTotalLabel}" data-ecp-handle="cart_discount_total">{currency:cart_discount_total}</span>
        </span>
        <span data-ecp-handle="not_discounted">
          <div class="ecp-price" aria-label="{message:ReservationBook/PriceLabel}" data-ecp-handle="cart_regular_total">{currency:cart_regular_total}</div>
        </span>
      </div>
      <div class="ecp-section" data-ecp-handle="not_available">
        <div class="ecp-callout-box">
          <span data-ecp-handle="status_back_ordered">{message:ReservationBook/Status/BackOrdered}</span>
          <span data-ecp-handle="status_call">{message:ReservationBook/Status/Call}</span>
          <span data-ecp-handle="status_discontinued">{message:ReservationBook/Status/Discontinued}</span>
          <span data-ecp-handle="status_pre_ordered">{message:ReservationBook/Status/PreOrdered}</span>
          <span data-ecp-handle="status_restricted_allocated">{message:ReservationBook/Status/RestrictedAllocated}</span>
          <span data-ecp-handle="status_restricted_wine_club">{message:ReservationBook/Status/RestrictedWineClub}</span>
          <span data-ecp-handle="status_sold_out">{message:ReservationBook/Status/SoldOut}</span>
          <span data-ecp-handle="status_">{message:ReservationBook/Status/Unknown}</span>
        </div>
      </div>
      <div data-ecp-handle="variants" class="ecp-variant-validation">
        <span data-ecp-handle="variant-qty-total">{message:ReservationBook/VariantQty_template}</span>
      </div>
    </div>
  </div>
  <div class="ecp-columns ecp-clearfix ecp-text-right" data-ecp-handle="crv_deposit"></div>
  <div data-ecp-handle="variants">
    <div class="ecp-form-row ecp-clearfix">
      <div data-ecp-handle="variants-list-wrapper">
        <div class="ecp-section-bottomline" data-ecp-handle="variants-list" role="list">
          <!-- | ReservationBook__Product__Variant template | -->
        </div>
      </div>
    </div>
  </div>
</div>