<div class="ecp-component ecp_ReservationSearch">
  <h2 aria-describedby="ecpi_reservationsearch_info">{message:ReservationSearch/Title}</h2>
  <p id="ecpi_reservationsearch_info" class="ecp-summary">{message:ReservationSearch/Summary}</p>

  <div class="ecp-section">
    <form class="ecp-form">
      <input type="number" name="guest_count" min="1" data-ecp-action="adjust_guest_count" aria-label="{message:ReservationSearch/GuestCountLabel}">
    	<input type="date" name="request_date" data-ecp-action="adjust_date" aria-label="{message:ReservationSearch/RequestDateInputLabel}">
      <button data-ecp-action="refresh" data-ecp-handle="search">{message:ReservationSearch/SearchButton}</button>
      <button data-ecp-action="refresh" data-ecp-handle="refresh">{message:ReservationSearch/RefreshButton}</button>
    </form>
  </div>
  <div class="ecp-section">
    <div class="ecp-x-list" data-ecp-handle="reservation_list" role="list" aria-live="polite">
      <!-- | ReservationSearch__Item template | -->
    </div>
    <p class="ecp-callout-box" data-ecp-handle="no_reservations" role="alert">{message:ReservationSearch/NoResults}</p>
  </div>
</div>