<div class="ecp-section" data-ecp-id="{message:slug}" role="listitem">
  <div data-ecp-handle="reservation-item" class="ecp-reservation">
    <h3>{message:name}</h3>
    <div data-ecp-handle="description" class="ecp-html-content ecp-show-less">
      {message:description}
    </div>
    <a href="#" data-ecp-action="more_description" class="ecp-reservation-show-more ecp-option">{message:ReservationList/ReadMore}</a>
    <a href="#" data-ecp-action="less_description" class="ecp-reservation-show-less ecp-option">{message:ReservationList/ReadLess}</a>

    <div class="ecp-reservation-detail">
      <ul class="ecp-item-list">
        <li data-ecp-handle="price">{currency:price}</li>
        <li>{message:ReservationList/Hours} {message:ReservationList/Minutes}</li>
        <li data-ecp-handle="party_size_min">{message:ReservationList/PartySize}</li>
        <li data-ecp-handle="party_size_max">{message:ReservationList/PartySizeUpTo}</li>
        <li data-ecp-handle="party_size_min_max">{message:ReservationList/PartySizeBetween}</li>
      </ul>

      <dl class="ecp-address">
        <dt>{message:ReservationList/Location}</dt>
        <dd>{message:location_name}</dd>
        <dd>{message:location_address}</dd>
        <dd>{message:location_city}, {message:location_state} {message:location_zip}</dd>
      </dl>
    </div>
  </div>

  <p class="ecp-callout-box" data-ecp-handle="restricted" role="polite">{message:ReservationList/Restricted}</p>
  <button data-ecp-action="reserve" aria-label="{message:ReservationList/ReserveButtonLabel_template}">{message:ReservationList/ReserveButton}</button>
</div>