<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-07-02'>
<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-07-02'>
<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=20260613T162901Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=419d952887a43d1f6012477a02d3d65c4b50c46835e9909f7dc19357821557f3" />
</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-07-02'>
<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=20260613T162901Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d6ddf01035ed5a1dbf8372dbbb57ed0608e0d3e8bb5e515b36f8fdde12bf412e" />
</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-07-02'>
<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=20260613T162901Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=204c070ce1a29cc75ad79ade06097a68ac6668680703735fae2ee8483c0f6470" />
</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-07-02'>
<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=20260613T162901Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=2caf59537da91a3c66d745e3bc78f4c25a242607f667caefc5d0d832c3f01b27" />
</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-07-02'>
<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=20260613T162901Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=649564f3e4e0e769e11961709af1b0b4d39591e6be465d48cce9c96de457718b" />
</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-07-02'>
<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=20260613T162901Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=09f48f80db516b8498b8c2c4d7801a334cbbfe478052270456ad87d414d423b3" />
</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-07-02'>
<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=20260613T162901Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=814af52a0a914a2319ad91f5e5ce2b0614964cf2476060c6a59a893c8173da22" />
</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-07-02'>
<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-07-02'>
<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-07-02'>
<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-07-02'>
<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-07-02'>
<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-07-02'>
<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-07-02'>
<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-07-02'>
<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-07-02'>
<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-07-02'>
<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-07-02'>
<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-07-02'>
<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=20260613T162901Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=7e8ba27442343e2f007e75d703470f77a234ffbbeb1f58a01751b7db88622268" />
</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-07-02'>
<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>