<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-24'>
<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%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T024507Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=7f88de996d5406716b711b57672a1c8b424185f10e964ab86ca0cd0d87864b5c" />
</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-24'>
<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%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T024507Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=7c159baf43ea54e6c62fc4ab09e976b1e8a313307dd3b7cf473443994a11c2d4" />
</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-24'>
<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-24'>
<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%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T024507Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=a68df046cc78910853de150fb8ca98791b15fbf37fbf87f8751fa9997c2d3bcb" />
</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-24'>
<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%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T024507Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=aab4f53afcdc30a839fdb326e31cc0dc00b956ebf443a424fd545f1cc6c7b454" />
</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-24'>
<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%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T024507Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=aa051c33afb3093a66c532884327546aab3e6995664e0ebe9df091330712690f" />
</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-24'>
<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%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T024507Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c878ad5a8aa21fe6774874acf10e410adc85d19222cb13c4ce812ef9c0ed7901" />
</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-24'>
<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%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T024507Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=9c6682ccc1c1a7024124f24039d63b87343260b766bcb588b7924e3009c5aff9" />
</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-24'>
<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%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T024507Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=840f27437cf2a1756c4bc0fadfe9bc374f64c994d26c3b007fde6e44d01e7025" />
</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-24'>
<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%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T024507Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=fe553655c4d2fa0f543882603a55624f2fdfa586881a93ad92f5d87cda1c7b2c" />
</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-24'>
<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%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T024507Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=2206ed9c6a085cec662567456c7779fcfb5dd9937dcd7c51f0816c35f1a8312a" />
</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-24'>
<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-24'>
<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>