<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_7741'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7741' data-time-slots-url='/venues/school-1/facilities/7741/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Basketball Court Girls&#39; College/Prep Court 1" class="primary-link" rel="nofollow" href="#facility_7741 .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="Basketball Court Girls&#39; College/Prep Court 1" src="/assets/surfaces/tennis-hard-390ce67febfa7e111841b0869cbf91310ff7437ef38d1d3be4e2f7a955aad821.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Basketball Court Girls&#39; College/Prep Court 1</h2>
<div class='surface-type'>Hard Tennis Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Baseball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Basketball Court Girls&#39; College/Prep Court 1" href="/venues/school-1/facilities/7741"><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_7742'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7742' data-time-slots-url='/venues/school-1/facilities/7742/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Squash Courts - All 6" class="primary-link" rel="nofollow" href="#facility_7742 .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="Squash Courts - All 6" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/a0j0niyalotpy40yu11hd3htvp0s?response-content-disposition=inline%3B%20filename%3D%22578B45E2-F598-46DE-8D13-B21FB6469E3B.jpeg%22%3B%20filename%2A%3DUTF-8%27%27578B45E2-F598-46DE-8D13-B21FB6469E3B.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T162924Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=790236f79728d560b8bb058689d32a19aefd2e1d86e05e2314c4462b7b84aee5" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Squash Courts - All 6</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Squash</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Squash Courts - All 6" href="/venues/school-1/facilities/7742"><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_7743'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7743' data-time-slots-url='/venues/school-1/facilities/7743/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Squash Courts - Court 1" class="primary-link" rel="nofollow" href="#facility_7743 .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="Squash Courts - Court 1" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/0o6gnhs7wpez6qsgu0r1jbeewusa?response-content-disposition=inline%3B%20filename%3D%22291245C7-57DF-4EB5-B9E3-D88B7AD1C8DF.jpeg%22%3B%20filename%2A%3DUTF-8%27%27291245C7-57DF-4EB5-B9E3-D88B7AD1C8DF.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T162924Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=960e4db1c85ab50753cd013eb314abff0acaaa8f59d4c3bf04f9e3d1c33af659" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Squash Courts - Court 1</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Squash</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Squash Courts - Court 1" href="/venues/school-1/facilities/7743"><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_7744'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7744' data-time-slots-url='/venues/school-1/facilities/7744/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Squash Courts - Court 2" class="primary-link" rel="nofollow" href="#facility_7744 .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="Squash Courts - Court 2" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/7g0l2zp35pqiubfyg7p8ddxvsbe2?response-content-disposition=inline%3B%20filename%3D%225F88B154-5D29-4047-8C25-66DF751D11AD.jpeg%22%3B%20filename%2A%3DUTF-8%27%275F88B154-5D29-4047-8C25-66DF751D11AD.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T162924Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=63d3d1506ef6e744fa0105ea8028854d3466299547d60b77487a2cf2ed349617" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Squash Courts - Court 2</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Squash</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Squash Courts - Court 2" href="/venues/school-1/facilities/7744"><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_7745'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7745' data-time-slots-url='/venues/school-1/facilities/7745/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Squash Courts - Court 3" class="primary-link" rel="nofollow" href="#facility_7745 .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="Squash Courts - Court 3" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/i9wk0olhsheovob0wczda92odu2u?response-content-disposition=inline%3B%20filename%3D%225071918A-03C1-43B1-91BC-52883406B82C.jpeg%22%3B%20filename%2A%3DUTF-8%27%275071918A-03C1-43B1-91BC-52883406B82C.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T162924Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=0fe9b8233757dbff498e04e456219b377b904d9295a44e04b544e9494d70618c" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Squash Courts - Court 3</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Squash</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Squash Courts - Court 3" href="/venues/school-1/facilities/7745"><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_7746'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7746' data-time-slots-url='/venues/school-1/facilities/7746/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Squash Courts - Court 4" class="primary-link" rel="nofollow" href="#facility_7746 .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="Squash Courts - Court 4" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/kh6k8rrlfrjuuznrfj3zk5ssoifd?response-content-disposition=inline%3B%20filename%3D%22BCF34A4D-2BE5-4D6C-AE87-69C0C42D7FAF.jpeg%22%3B%20filename%2A%3DUTF-8%27%27BCF34A4D-2BE5-4D6C-AE87-69C0C42D7FAF.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T162924Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=544c8f18a24a88aee222d3378b8e8842ba9c6c6ccc9ac944a001de919a55350b" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Squash Courts - Court 4</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Squash</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Squash Courts - Court 4" href="/venues/school-1/facilities/7746"><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_7747'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7747' data-time-slots-url='/venues/school-1/facilities/7747/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Squash Courts - Court 5" class="primary-link" rel="nofollow" href="#facility_7747 .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="Squash Courts - Court 5" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/g2vfp7c382n4hpjkbqaddydd94gq?response-content-disposition=inline%3B%20filename%3D%22F5F4E027-9E4F-492B-8A1B-863FFB88F054.jpeg%22%3B%20filename%2A%3DUTF-8%27%27F5F4E027-9E4F-492B-8A1B-863FFB88F054.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T162924Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=1d70fe4199df30ae78ee15f53210ad221719f08184dea93f11ba74950c66650e" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Squash Courts - Court 5</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Squash</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Squash Courts - Court 5" href="/venues/school-1/facilities/7747"><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_7748'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7748' data-time-slots-url='/venues/school-1/facilities/7748/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Squash Courts - Court 6" class="primary-link" rel="nofollow" href="#facility_7748 .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="Squash Courts - Court 6" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/m1i37yie9xlrnraigza1f54a1bzm?response-content-disposition=inline%3B%20filename%3D%224F94852D-C627-401A-84A2-9377C412D308.jpeg%22%3B%20filename%2A%3DUTF-8%27%274F94852D-C627-401A-84A2-9377C412D308.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T162924Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=b7395fda0cc49041e78fe754a60aed74d18078ac5a1c8b37d6daf6a184269be1" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Squash Courts - Court 6</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Squash</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Squash Courts - Court 6" href="/venues/school-1/facilities/7748"><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_7879'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7879' data-time-slots-url='/venues/school-1/facilities/7879/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="25m Pool Lane 1" class="primary-link" rel="nofollow" href="#facility_7879 .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="25m Pool Lane 1" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>25m Pool Lane 1</h2>
<div class='surface-type'>Swimming Pool</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 25m Pool Lane 1" href="/venues/school-1/facilities/7879"><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_7880'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7880' data-time-slots-url='/venues/school-1/facilities/7880/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="25m Pool Lane 2" class="primary-link" rel="nofollow" href="#facility_7880 .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="25m Pool Lane 2" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>25m Pool Lane 2</h2>
<div class='surface-type'>Swimming Pool</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 25m Pool Lane 2" href="/venues/school-1/facilities/7880"><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_7881'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7881' data-time-slots-url='/venues/school-1/facilities/7881/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="25m Pool Lane 3" class="primary-link" rel="nofollow" href="#facility_7881 .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="25m Pool Lane 3" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>25m Pool Lane 3</h2>
<div class='surface-type'>Swimming Pool</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 25m Pool Lane 3" href="/venues/school-1/facilities/7881"><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_7882'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7882' data-time-slots-url='/venues/school-1/facilities/7882/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="25m Pool Lane 4" class="primary-link" rel="nofollow" href="#facility_7882 .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="25m Pool Lane 4" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>25m Pool Lane 4</h2>
<div class='surface-type'>Swimming Pool</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 25m Pool Lane 4" href="/venues/school-1/facilities/7882"><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_7883'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7883' data-time-slots-url='/venues/school-1/facilities/7883/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="25m Pool Lane 5" class="primary-link" rel="nofollow" href="#facility_7883 .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="25m Pool Lane 5" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>25m Pool Lane 5</h2>
<div class='surface-type'>Swimming Pool</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 25m Pool Lane 5" href="/venues/school-1/facilities/7883"><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_7884'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7884' data-time-slots-url='/venues/school-1/facilities/7884/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="25m Pool Lane 6" class="primary-link" rel="nofollow" href="#facility_7884 .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="25m Pool Lane 6" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>25m Pool Lane 6</h2>
<div class='surface-type'>Swimming Pool</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 25m Pool Lane 6" href="/venues/school-1/facilities/7884"><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_7885'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7885' data-time-slots-url='/venues/school-1/facilities/7885/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="25m Pool Lane 7" class="primary-link" rel="nofollow" href="#facility_7885 .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="25m Pool Lane 7" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>25m Pool Lane 7</h2>
<div class='surface-type'>Swimming Pool</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 25m Pool Lane 7" href="/venues/school-1/facilities/7885"><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_7886'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7886' data-time-slots-url='/venues/school-1/facilities/7886/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="25m Pool Lane 8" class="primary-link" rel="nofollow" href="#facility_7886 .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="25m Pool Lane 8" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>25m Pool Lane 8</h2>
<div class='surface-type'>Swimming Pool</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 25m Pool Lane 8" href="/venues/school-1/facilities/7886"><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_8395'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8395' data-time-slots-url='/venues/school-1/facilities/8395/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="JP Computer room Outside Quad" class="primary-link" rel="nofollow" href="#facility_8395 .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="JP Computer room Outside Quad" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>JP Computer room Outside Quad</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 JP Computer room Outside Quad" href="/venues/school-1/facilities/8395"><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_8396'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8396' data-time-slots-url='/venues/school-1/facilities/8396/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="JP Ridgway Extra-Mural grass patch" class="primary-link" rel="nofollow" href="#facility_8396 .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="JP Ridgway Extra-Mural grass patch" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>JP Ridgway Extra-Mural grass patch</h2>
<div class='surface-type'>Natural Grass Pitch</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 JP Ridgway Extra-Mural grass patch" href="/venues/school-1/facilities/8396"><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_8617'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8617' data-time-slots-url='/venues/school-1/facilities/8617/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Semono Open Field" class="primary-link" rel="nofollow" href="#facility_8617 .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="Semono Open Field" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Semono Open 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 Semono Open Field" href="/venues/school-1/facilities/8617"><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_8797'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8797' data-time-slots-url='/venues/school-1/facilities/8797/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Mountain Bike Track" class="primary-link" rel="nofollow" href="#facility_8797 .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="Mountain Bike Track" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/04msujgffjnei2odlhk8q7z01457?response-content-disposition=inline%3B%20filename%3D%22IMG_6582.jpeg%22%3B%20filename%2A%3DUTF-8%27%27IMG_6582.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T162924Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=0af357dfa0403d3bd9cfeb6bef11ee092fee2e8574b6748b34e7bba78e493ec4" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Mountain Bike Track</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 Mountain Bike Track" href="/venues/school-1/facilities/8797"><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_9657'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9657' data-time-slots-url='/venues/school-1/facilities/9657/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Lowerdam Lapa" class="primary-link" rel="nofollow" href="#facility_9657 .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="Lowerdam Lapa" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Lowerdam Lapa</h2>
<div class='surface-type'></div>
<div class='description text-truncate'>
Seating Thatched area with a braai.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Lowerdam Lapa" href="/venues/school-1/facilities/9657"><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>