<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_5001'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='5001' data-time-slots-url='/venues/sheldon-school/facilities/5001/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Netball Court 4 (Year 9/10 Playground)" class="primary-link" rel="nofollow" href="#facility_5001 .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="Netball Court 4 (Year 9/10 Playground)" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/wro3xdrp2fzadmby9sy8pjml2n4x?response-content-disposition=inline%3B%20filename%3D%2220211028_153300.jpg%22%3B%20filename%2A%3DUTF-8%27%2720211028_153300.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260614%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260614T141243Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=bbc522fc3021e836c692e9293128211d05369df5af5df75e7b68b6cb43aacdd9" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Netball Court 4 (Year 9/10 Playground)</h2>
<div class='surface-type'>Tarmacadam</div>
<div class='d-none d-sm-block'>
<div class='sports'>Netball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Netball Court 4 (Year 9/10 Playground)" href="/venues/sheldon-school/facilities/5001"><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 1 hour</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_5019'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='5019' data-time-slots-url='/venues/sheldon-school/facilities/5019/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Netball Court 5 (Year 11 Playground)" class="primary-link" rel="nofollow" href="#facility_5019 .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="Netball Court 5 (Year 11 Playground)" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/f9ab9ynx3sqh1z3cky4l3zd8w8x3?response-content-disposition=inline%3B%20filename%3D%2220211028_153300.jpg%22%3B%20filename%2A%3DUTF-8%27%2720211028_153300.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260614%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260614T141243Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=fb69ce4e0319288a2cabd6c0b5bd44bf2a9c8505453876c22ff82a68e5ea7ef2" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Netball Court 5 (Year 11 Playground)</h2>
<div class='surface-type'>Tarmacadam</div>
<div class='d-none d-sm-block'>
<div class='sports'>Netball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Netball Court 5 (Year 11 Playground)" href="/venues/sheldon-school/facilities/5019"><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 1 hour</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_12095'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12095' data-time-slots-url='/venues/sheldon-school/facilities/12095/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Netball Court 6 Year 11 Playground" class="primary-link" rel="nofollow" href="#facility_12095 .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="Netball Court 6 Year 11 Playground" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Netball Court 6 Year 11 Playground</h2>
<div class='surface-type'>Netball Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Netball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Netball Court 6 Year 11 Playground" href="/venues/sheldon-school/facilities/12095"><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 1 hour</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_5004'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='5004' data-time-slots-url='/venues/sheldon-school/facilities/5004/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Field 2" class="primary-link" rel="nofollow" href="#facility_5004 .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="Field 2" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/qmdwl0xu1mxdlxkyvm97p9lc31co?response-content-disposition=inline%3B%20filename%3D%2220211029_134235_%25281%2529.jpg%22%3B%20filename%2A%3DUTF-8%27%2720211029_134235_%25281%2529.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260614%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260614T141243Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ea568fc7d415ef579b17e3572636fe2e57f03f4efc6193f589b38cb04de57a59" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Field 2</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Pilates, Yoga, Athletics / Track &amp; Field , Running, Ultimate Frisbee, Fitness Classes</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Field 2" href="/venues/sheldon-school/facilities/5004"><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 1 hour</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_4981'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='4981' data-time-slots-url='/venues/sheldon-school/facilities/4981/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Field 1" class="primary-link" rel="nofollow" href="#facility_4981 .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="Field 1" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/hazzhlec29biyhswd2s7lubbv75o?response-content-disposition=inline%3B%20filename%3D%2220211029_134219.jpg%22%3B%20filename%2A%3DUTF-8%27%2720211029_134219.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260614%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260614T141243Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=0c823bb41c31922d668749487d342f4509168cd86683a07c33fe7719206754ea" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Field 1</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Yoga, Athletics / Track &amp; Field , Running, Fitness Classes</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Field 1" href="/venues/sheldon-school/facilities/4981"><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 1 hour</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_5005'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='5005' data-time-slots-url='/venues/sheldon-school/facilities/5005/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Field 3" class="primary-link" rel="nofollow" href="#facility_5005 .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="Field 3" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/02p3ogm0imfvx3caivj8lz5f562m?response-content-disposition=inline%3B%20filename%3D%2220211029_134235_%25281%2529.jpg%22%3B%20filename%2A%3DUTF-8%27%2720211029_134235_%25281%2529.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260614%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260614T141243Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=05f98e18fdfcf4aaa814a47d703e77cdd724f1a5ddaef57e04d832f7ae69391e" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Field 3</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Athletics / Track &amp; Field , Running, Fitness Classes</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Field 3" href="/venues/sheldon-school/facilities/5005"><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 1 hour</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_4982'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='4982' data-time-slots-url='/venues/sheldon-school/facilities/4982/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Tennis Court 1 (Year 7/8 Playground)" class="primary-link" rel="nofollow" href="#facility_4982 .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="Tennis Court 1 (Year 7/8 Playground)" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/rzrztql1hkogw0ib651zq38pxlp3?response-content-disposition=inline%3B%20filename%3D%22images.jfif%22%3B%20filename%2A%3DUTF-8%27%27images.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260614%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260614T141243Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e9537406057cc3648f601a358cbf4f34cb53388e54bb2c33c6abc65d4964cad5" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Tennis Court 1 (Year 7/8 Playground)</h2>
<div class='surface-type'>Tarmacadam</div>
<div class='d-none d-sm-block'>
<div class='sports'>Tennis</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Tennis Court 1 (Year 7/8 Playground)" href="/venues/sheldon-school/facilities/4982"><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 1 hour</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_4983'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='4983' data-time-slots-url='/venues/sheldon-school/facilities/4983/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Tennis court 2 (Year 7/8 Playground)" class="primary-link" rel="nofollow" href="#facility_4983 .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="Tennis court 2 (Year 7/8 Playground)" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/79aqbhzlzxk8o8nmvdpoi63snpu5?response-content-disposition=inline%3B%20filename%3D%22images.jfif%22%3B%20filename%2A%3DUTF-8%27%27images.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260614%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260614T141243Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=5ab65e386963d7261b0540934884dfa6fe550fa60528114506094a9257a3da45" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Tennis court 2 (Year 7/8 Playground)</h2>
<div class='surface-type'>Tarmacadam</div>
<div class='d-none d-sm-block'>
<div class='sports'>Tennis</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Tennis court 2 (Year 7/8 Playground)" href="/venues/sheldon-school/facilities/4983"><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 1 hour</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_5020'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='5020' data-time-slots-url='/venues/sheldon-school/facilities/5020/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Tennis court 3 (Year 9/10 Playground)" class="primary-link" rel="nofollow" href="#facility_5020 .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="Tennis court 3 (Year 9/10 Playground)" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/2pb7rk05weblfo5e10v0o3nzwpxr?response-content-disposition=inline%3B%20filename%3D%22images.jfif%22%3B%20filename%2A%3DUTF-8%27%27images.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260614%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260614T141243Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4bc3c0cd7ec26a16f9533a094c395a149dda4e2aa5157be872c0a7d05fa12c3e" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Tennis court 3 (Year 9/10 Playground)</h2>
<div class='surface-type'>Tarmacadam</div>
<div class='d-none d-sm-block'>
<div class='sports'>Tennis</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Tennis court 3 (Year 9/10 Playground)" href="/venues/sheldon-school/facilities/5020"><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 1 hour</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_5021'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='5021' data-time-slots-url='/venues/sheldon-school/facilities/5021/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Tennis court 4 (Year 9/10 Playground)" class="primary-link" rel="nofollow" href="#facility_5021 .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="Tennis court 4 (Year 9/10 Playground)" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/zoqcf1j0gv5e63sw334f4xidwxu1?response-content-disposition=inline%3B%20filename%3D%22images.jfif%22%3B%20filename%2A%3DUTF-8%27%27images.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260614%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260614T141243Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c0698d600f3312673f994fd36d10499bbf969420b4d620c957950c724d117b2a" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Tennis court 4 (Year 9/10 Playground)</h2>
<div class='surface-type'>Tarmacadam</div>
<div class='d-none d-sm-block'>
<div class='sports'>Tennis</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Tennis court 4 (Year 9/10 Playground)" href="/venues/sheldon-school/facilities/5021"><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 1 hour</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_5022'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='5022' data-time-slots-url='/venues/sheldon-school/facilities/5022/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Tennis court 5 (Year 9/10 Playground)" class="primary-link" rel="nofollow" href="#facility_5022 .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="Tennis court 5 (Year 9/10 Playground)" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/q2rhwailwb4sk81al5hvkgn1wvg3?response-content-disposition=inline%3B%20filename%3D%22images.jfif%22%3B%20filename%2A%3DUTF-8%27%27images.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260614%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260614T141243Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=b5c1cab9ee76f8c2f50bfd0c558955816338790967b9b072afea903b38295784" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Tennis court 5 (Year 9/10 Playground)</h2>
<div class='surface-type'>Tarmacadam</div>
<div class='d-none d-sm-block'>
<div class='sports'>Tennis</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Tennis court 5 (Year 9/10 Playground)" href="/venues/sheldon-school/facilities/5022"><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 1 hour</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_10858'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10858' data-time-slots-url='/venues/sheldon-school/facilities/10858/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Sports Hall" class="primary-link" rel="nofollow" href="#facility_10858 .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="Sports Hall" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Sports Hall</h2>
<div class='surface-type'>Sports Hall</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 Sports Hall" href="/venues/sheldon-school/facilities/10858"><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">Sports Hall is being used for external exams · Request only · Minimum booking duration 1 hour</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_17799'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='17799' data-time-slots-url='/venues/sheldon-school/facilities/17799/time_slots?date=2026-06-14'>
<a data-bs-toggle="collapse" aria-label="Conference Room" class="primary-link" rel="nofollow" href="#facility_17799 .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="Conference Room" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Conference Room</h2>
<div class='surface-type'>Indoor Carpeted Floor </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 Conference Room" href="/venues/sheldon-school/facilities/17799"><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">Conference Room Booking · Request only · Minimum booking duration 1 hour</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>