<div class="ecp-card" data-ecp-id="{message:reservation_id}" role="listitem">
  <h4>{message:reservation_type}</h4>
  <ul class="ecp-item-list">
    <li data-ecp-handle="requested_datetime">{datetime:LLLL:requested_datetime} {forcedTimezone:requested_datetime}</li>
    <li data-ecp-handle="start_datetime">{datetime:LLLL:start_datetime} {forcedTimezone:start_datetime}</li>
    <li data-ecp-handle="party_1_tasting_1">{message:Reservations/SinglePersonTasting_template}</li>
    <li data-ecp-handle="party_1_tasting_0">{message:Reservations/SinglePersonNotTasting_template}</li>
    <li data-ecp-handle="party_n_tasting_all">{message:Reservations/AllPeopleTasting_template}</li>
    <li data-ecp-handle="party_n_tasting_some">{message:Reservations/SomePeopleTasting_template}</li>
    <li>{message:Reservations/StatusLabel} {message:reservation_status}</li>
  </ul>
  <h5>{message:Reservations/LocationTitle}</h5>
  <dl class="ecp-address">
    <dt>{message:location_name}</dt>
    <dd>{message:location_address_line_1}</dd>
    <dd>{message:location_city}, {message:location_state_code} {message:location_postal_code}</dd>
    <dd>{message:Reservations/PhoneLabel} {message:location_phone}</dd>
  </dl>
  <div class="ecp-grid-row-topline" data-ecp-handle="cancel-reservation-row">
    <p data-ecp-handle="cancel-date">{message:Reservations/CancelDateLabel} {datetime:LLLL:cancel_datetime} {forcedTimezone:requested_datetime}</p>
    <a href="#" data-ecp-action="cancel" data-ecp-handle="cancel-reservation-link">{message:Reservations/CancelLink}</a>
  </div>
</div>