<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_22670'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22670' data-time-slots-url='/venues/tnt-sportsplex/facilities/22670/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 1" class="primary-link" rel="nofollow" href="#facility_22670 .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="Court 1" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/l6pfmcdmuew1ixdkuvbw2r7lis6o?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=5e42845b4e9d01124370f3e7a9b682ff4f22cd63174a47437c46ad608140f733" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 1</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 1" href="/venues/tnt-sportsplex/facilities/22670"><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 30 minutes</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_22671'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22671' data-time-slots-url='/venues/tnt-sportsplex/facilities/22671/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 1a" class="primary-link" rel="nofollow" href="#facility_22671 .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="Court 1a" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/uxsbolmi01wf8mzqrtuxp63jrjsj?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=64d9bf45644f1521a38f90739cc0c68e026229773fa17a980c5d93d496438d9b" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 1a</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 1a" href="/venues/tnt-sportsplex/facilities/22671"><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 30 minutes</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_22672'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22672' data-time-slots-url='/venues/tnt-sportsplex/facilities/22672/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 1b" class="primary-link" rel="nofollow" href="#facility_22672 .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="Court 1b" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/2aa4567010xkgz5r5p2pc90tqqlt?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f516b7cf45272818c77bf022fce31dc27babaef96b0ebf50270e9e7399b37b2a" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 1b</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 1b" href="/venues/tnt-sportsplex/facilities/22672"><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 30 minutes</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_22673'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22673' data-time-slots-url='/venues/tnt-sportsplex/facilities/22673/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 2" class="primary-link" rel="nofollow" href="#facility_22673 .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="Court 2" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/zpkgaegob87pt6kuo3mlb50xtcy5?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=8de6f0d67d2cf02b9ac69c8cb47c92a3604203be51a73249f064271a7a238fce" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 2</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 2" href="/venues/tnt-sportsplex/facilities/22673"><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 30 minutes</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_22674'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22674' data-time-slots-url='/venues/tnt-sportsplex/facilities/22674/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 2a" class="primary-link" rel="nofollow" href="#facility_22674 .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="Court 2a" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/t1ixk0ywmo91qmkqnn54whniciyx?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=6a61b3bd5918905ed11974f39151fead1511bd94e2a061e891bc64babf51ce08" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 2a</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 2a" href="/venues/tnt-sportsplex/facilities/22674"><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 30 minutes</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_22675'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22675' data-time-slots-url='/venues/tnt-sportsplex/facilities/22675/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 2b" class="primary-link" rel="nofollow" href="#facility_22675 .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="Court 2b" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/m33cjh19mnwktkzk6gsrbm73an1w?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=a3791a3babe85dd2a2b24f59430d6344860ad086fbd79241c2daf313a4e1f726" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 2b</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 2b" href="/venues/tnt-sportsplex/facilities/22675"><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 30 minutes</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_22676'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22676' data-time-slots-url='/venues/tnt-sportsplex/facilities/22676/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 3" class="primary-link" rel="nofollow" href="#facility_22676 .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="Court 3" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/8m6erdsrei2wsfjv7mj1u0u2pxps?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ded423a598ad54b851ae31c8e985d3b5d579df8a659b403551489d6ddf65c783" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 3</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 3" href="/venues/tnt-sportsplex/facilities/22676"><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 30 minutes</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_23080'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='23080' data-time-slots-url='/venues/tnt-sportsplex/facilities/23080/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 3a" class="primary-link" rel="nofollow" href="#facility_23080 .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="Court 3a" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/bsorgvruxhgwry0swmyq39d0at1o?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=71738b1ed7ffffca4cd90cd01cf430397cffb917a938389f32d3501a5183f01a" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 3a</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 3a" href="/venues/tnt-sportsplex/facilities/23080"><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 30 minutes</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_23081'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='23081' data-time-slots-url='/venues/tnt-sportsplex/facilities/23081/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 3b" class="primary-link" rel="nofollow" href="#facility_23081 .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="Court 3b" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/bqjfmjmdxqeahdh4euhviy8dhx9q?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=0f83256ce5a8f21b2aebde7c3194904c9ccc4315c72fa800a8176534c857f514" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 3b</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 3b" href="/venues/tnt-sportsplex/facilities/23081"><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 30 minutes</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_22677'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22677' data-time-slots-url='/venues/tnt-sportsplex/facilities/22677/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 4" class="primary-link" rel="nofollow" href="#facility_22677 .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="Court 4" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/j3k6cx5n0eei2m8kd31m1j6zkngy?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=bb3d3b686ad613be0a8329d27128649bfdc10ddb8b603934df792bae1a8ecf4d" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 4</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 4" href="/venues/tnt-sportsplex/facilities/22677"><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 30 minutes</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_23083'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='23083' data-time-slots-url='/venues/tnt-sportsplex/facilities/23083/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 4a" class="primary-link" rel="nofollow" href="#facility_23083 .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="Court 4a" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/gwx9gwtx3bjw4nqqw8zip7s6yn8u?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=8cb365c5db58da4f8fd649084eb9f5b69c22fdf4cc139bccf2cd3a4dccef1b04" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 4a</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 4a" href="/venues/tnt-sportsplex/facilities/23083"><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 30 minutes</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_23084'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='23084' data-time-slots-url='/venues/tnt-sportsplex/facilities/23084/time_slots?date=2026-11-05'>
<a data-bs-toggle="collapse" aria-label="Court 4b" class="primary-link" rel="nofollow" href="#facility_23084 .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="Court 4b" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/41qfbk4bgda6mhz1yf1nbfkrzx3f?response-content-disposition=inline%3B%20filename%3D%22tnt.jpeg%22%3B%20filename%2A%3DUTF-8%27%27tnt.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261105%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261105T123734Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=544536edd5bef0d95031686985d03368739578b67511979395db0662f13183cd" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Court 4b</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Soccer, Volleyball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Court 4b" href="/venues/tnt-sportsplex/facilities/23084"><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 30 minutes</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>