<div class="ecp-component ecp_Reservations">
  <form class="ecp-form">
    <h2>{message:Reservations/Title}</h2>
    <p class="ecp-summary">{message:Reservations/Summary}</p>
    <div>
      <div class="ecp-section" data-ecp-handle="requested_section" role="region" aria-labelledby="ecpi_requested_title">
        <h3 id="ecpi_requested_title">{message:Reservations/RequestedReservationsTitle}</h3>
        <div data-ecp-handle="requested" role="list">
          <!-- | Reservations__Reservation template -->
        </div>
      </div>
      <div class="ecp-section" data-ecp-handle="future_section" role="region" aria-labelledby="ecpi_future_title">
        <h3 id="ecpi_future_title">{message:Reservations/FutureReservationsTitle}</h3>
        <div data-ecp-handle="future" role="list">
          <!-- | Reservations__Reservation template -->
        </div>
      </div>
      <div class="ecp-section" data-ecp-handle="past_section" role="region" aria-labelledby="ecpi_past_title">
        <h3 id="ecpi_past_title">{message:Reservations/PastReservationsTitle}</h3>
        <div data-ecp-handle="past" role="list">
          <!-- | Reservations__Reservation template -->
        </div>
      </div>
    </div>
    <button class="ecp-secondary" data-ecp-action="load-dashboard">{message:Reservations/HomeButton}</button>
  </form>
</div>