<div class="ecp-component ecp-modal ecp_CancelReservation">
  <form class="ecp-form">
    <input type="hidden" name="reservation_id" value="{message:reservation_id}">
    <h2>{message:CancelReservation/Title}</h2>
    <p class="ecp-summary">{message:CancelReservation/Summary}</p>

    <div class="ecp-modal-content">
      <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:CancelReservation/SinglePersonTasting_template}</li>
        <li data-ecp-handle="party_1_tasting_0">{message:CancelReservation/SinglePersonNotTasting_template}</li>
        <li data-ecp-handle="party_n_tasting_all">{message:CancelReservation/AllPeopleTasting_template}</li>
        <li data-ecp-handle="party_n_tasting_some">{message:CancelReservation/SomePeopleTasting_template}</li>
        <li>{message:CancelReservation/StatusLabel} {message:reservation_status}</li>
      </ul>
      <h5>{message:CancelReservation/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:CancelReservation/PhoneLabel} {message:location_phone}</dd>
      </dl>
    </div>
    <div class="ecp-modal-footer">
      <div class="ecp-form-buttonset-2 ecp-clearfix">
        <button data-ecp-action="confirm">{message:CancelReservation/ConfirmButton}</button>
        <button class="ecp-secondary" data-ecp-action="cancel">{message:CancelReservation/CancelButton}</button>
      </div>
    </div>
  </form>
</div>