<div class="ecp-grid" role="table">
  <div class="ecp-grid-row ecp-clearfix">
    <span class="ecp-grid-col-12"><h3>{message:ReservationBook/SummaryTitle}</h3></span>
  </div>

  <div class="ecp-grid-row ecp-clearfix" role="row">
    <span class="ecp-grid-col-9" role="rowheader"><label>{message:ReservationBook/Items}</label></span>
    <span  class="ecp-grid-col-3 ecp-text-right" role="cell" data-ecp-handle="items_subtotal_calc">{currency:TotalItems}</span>
  </div>

  <div data-ecp-handle="reservation_discount_total" class="ecp-grid-row ecp-clearfix" role="row">
    <span class="ecp-grid-col-9" role="rowheader">
      <label>{message:ReservationBook/Discount}</label>
      <div data-ecp-handle="discount_names" role="list"> 
        <!-- | ReservationBook__DiscountName template | -->
      </div>
    </span>
    <span class="ecp-grid-col-3 ecp-text-right ecp-price-discounted" role="cell" data-ecp-handle="items_discount_calc">{currency:TotalDiscount}</span>
  </div>

  <div data-ecp-handle="reservation_subtotal" class="ecp-grid-row ecp-clearfix" role="row">
    <span class="ecp-grid-col-9" role="rowheader"><label>{message:ReservationBook/Subtotal}</label></span>
    <span class="ecp-grid-col-3 ecp-text-right" role="cell" data-ecp-handle="items_total_calc">{currency:TotalNet}</span>
  </div>

  <div data-ecp-handle="taxes" class="ecp-grid-row ecp-clearfix" role="row">
    <span class="ecp-grid-col-9" role="rowheader"><label>{message:ReservationBook/Tax}</label></span>
    <span class="ecp-grid-col-3 ecp-text-right" data-ecp-handle="tax_total_calc" role="cell">{currency:TotalTax}</span>
    <div data-ecp-handle="fees">
      <!-- | ReservationBook__Fee template -->
    </div>
  </div>

  <div class="ecp-grid-row ecp-clearfix" role="row">
    <span class="ecp-grid-col-9" role="rowheader"><label>{message:ReservationBook/Total}</label></span>
    <span class="ecp-grid-col-3 ecp-text-right" role="cell" data-ecp-handle="total_calc">{currency:TotalPrice}</span>
  </div>
</div>