<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_21527'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21527' data-time-slots-url='/venues/canterbury-school/facilities/21527/time_slots?date=2026-07-30'>
<a data-bs-toggle="collapse" aria-label="Haley Athletic Center" class="primary-link" rel="nofollow" href="#facility_21527 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Haley Athletic Center" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/343ipk01z6vn0zpynemfpuuuwddj?response-content-disposition=inline%3B%20filename%3D%22Haley%20Athletic%20Center%201.jpeg%22%3B%20filename%2A%3DUTF-8%27%27Haley%2520Athletic%2520Center%25201.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260730%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T222044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c5096b1994f06d2d7de082d56b757638aefbfcf1dfdaa643acf787dd90ae43a9" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Haley Athletic Center</h2>
<div class='surface-type'>Gym</div>
<div class='d-none d-sm-block'>
<div class='sports'>Gym, Field Hockey, Pilates, Yoga, Volleyball, Running, Dance, Table Tennis, Gymnastics, Fitness Classes, Pickleball, Wrestling, Indoor Soccer, Indoor Netball, Indoor Cricket, Dodgeball, Kickball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Haley Athletic Center" href="/venues/canterbury-school/facilities/21527"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_21590'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21590' data-time-slots-url='/venues/canterbury-school/facilities/21590/time_slots?date=2026-07-30'>
<a data-bs-toggle="collapse" aria-label="Soccer Field" class="primary-link" rel="nofollow" href="#facility_21590 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Soccer Field" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Soccer Field</h2>
<div class='surface-type'></div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Soccer Field" href="/venues/canterbury-school/facilities/21590"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_21591'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21591' data-time-slots-url='/venues/canterbury-school/facilities/21591/time_slots?date=2026-07-30'>
<a data-bs-toggle="collapse" aria-label="Outdoor Tennis Courts (6)" class="primary-link" rel="nofollow" href="#facility_21591 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Outdoor Tennis Courts (6)" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/px5k6bnmgw0srf1yv44eknpshiid?response-content-disposition=inline%3B%20filename%3D%22Tennis%20Courts.jpg%22%3B%20filename%2A%3DUTF-8%27%27Tennis%2520Courts.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260730%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T222044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=79304b023716ac08c8127c2a503e01d74d63a8d72c741b91c91395df60222260" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Outdoor Tennis Courts (6)</h2>
<div class='surface-type'>Tennis Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Tennis, Pickleball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Outdoor Tennis Courts (6)" href="/venues/canterbury-school/facilities/21591"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_21592'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21592' data-time-slots-url='/venues/canterbury-school/facilities/21592/time_slots?date=2026-07-30'>
<a data-bs-toggle="collapse" aria-label="Brown Hall Meeting Room" class="primary-link" rel="nofollow" href="#facility_21592 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Brown Hall Meeting Room" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Brown Hall Meeting Room</h2>
<div class='surface-type'>Meeting Room</div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Brown Hall Meeting Room" href="/venues/canterbury-school/facilities/21592"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_21593'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21593' data-time-slots-url='/venues/canterbury-school/facilities/21593/time_slots?date=2026-07-30'>
<a data-bs-toggle="collapse" aria-label="Phillips Chapel Wedding" class="primary-link" rel="nofollow" href="#facility_21593 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Phillips Chapel Wedding" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Phillips Chapel Wedding</h2>
<div class='surface-type'></div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Phillips Chapel Wedding" href="/venues/canterbury-school/facilities/21593"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only · Minimum booking duration 8.0 hours</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_21594'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21594' data-time-slots-url='/venues/canterbury-school/facilities/21594/time_slots?date=2026-07-30'>
<a data-bs-toggle="collapse" aria-label="Philips Chapel" class="primary-link" rel="nofollow" href="#facility_21594 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Philips Chapel" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Philips Chapel</h2>
<div class='surface-type'></div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Philips Chapel" href="/venues/canterbury-school/facilities/21594"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_21595'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21595' data-time-slots-url='/venues/canterbury-school/facilities/21595/time_slots?date=2026-07-30'>
<a data-bs-toggle="collapse" aria-label="Berry Hall Wedding" class="primary-link" rel="nofollow" href="#facility_21595 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Berry Hall Wedding" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Berry Hall Wedding</h2>
<div class='surface-type'></div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Berry Hall Wedding" href="/venues/canterbury-school/facilities/21595"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only · Minimum booking duration 8.0 hours</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
<div class='facility' id='facility_21596'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21596' data-time-slots-url='/venues/canterbury-school/facilities/21596/time_slots?date=2026-07-30'>
<a data-bs-toggle="collapse" aria-label="Berry Hall" class="primary-link" rel="nofollow" href="#facility_21596 .collapse"><span></span></a>
<div class='d-flex align-items-center'>
<div class='me-3 me-md-4 flex-shrink-0'>
<img class="image small" alt="Berry Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/tw8oibwm09tsmckyv4oa6aooyi2i?response-content-disposition=inline%3B%20filename%3D%22Berry%20Hall.jpeg%22%3B%20filename%2A%3DUTF-8%27%27Berry%2520Hall.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260730%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260730T222044Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=49301aa466e6fe7f7df115032304d3f48f4c5ae8db869b699f3ea5159ed46dfd" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Berry Hall</h2>
<div class='surface-type'></div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Berry Hall" href="/venues/canterbury-school/facilities/21596"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="load-more"><template>
</template></turbo-stream>