<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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ee23c7ec2c0688cd46748b6eac4d27b0afdad1f3f2743dd7dfb8f8412dc87219" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=08ccc22b874675c642c8f7e55a5bf19650d2bda556b995f853c6fb960128c4de" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=19d96b9935dc5dcfeea9d2f0368c4acd5475bbdb7232675b417efe25126722c1" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=571f0df2c28326117f365086162a37435dee4e9c9bbe30b4c22087fcf9c0cce3" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=1d2db65c2b393aa2c7fb8a1f777d418c9a181e02b7ef2c1cd85a1bd8f11d00f8" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=a1ae1e51644f51ba9b8cbdd867361d33a2a1a6c3b7f8a74106664a29425f6ecb" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d52d65c0b8a46c6252a1c111475c9062b2df2848ea3831d61dd9c4ada3bcbbb9" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=413141fb125b1ce53048bb17beacc5e65efd89b3b4e4b5cfb6a6fff47cb764a1" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=9fe1cf03fa092ad00399ef16d5086795635f7913406fb5db3c166079abd4bdbc" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=73ea939d5b5c19d17a5db6201347db04481faaecfe760d253a1508fbeeae5aff" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=fe136e99aa2a1bbc176b85977d34b0d9a300881cfb051ff2c7e3159bc631b551" />
</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-10-15'>
<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%2F20261015%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261015T222729Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4bf674d656219ec19d6a6e1aeaa78b39b3779f0681f719054a892f82b12b62b5" />
</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>