<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_1560'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='1560' data-time-slots-url='/venues/baysgarth-sports-village/facilities/1560/time_slots?date=2026-09-22'>
<a data-bs-toggle="collapse" aria-label="Cricket Pitch" class="primary-link" rel="nofollow" href="#facility_1560 .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="Cricket Pitch" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/qr77gtsy498oeoeisvaaleoqqyg0?response-content-disposition=inline%3B%20filename%3D%22download%20%25282%2529.jpg%22%3B%20filename%2A%3DUTF-8%27%27download%2520%25282%2529.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260921%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260921T233906Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=57d13ba11af81182ae9c5236cb68a33284c3e674b8c81272caf77fca9765c550" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Cricket Pitch</h2>
<div class='surface-type'>Artificial Turf</div>
<div class='d-none d-sm-block'>
<div class='sports'>Cricket, Other</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Cricket Pitch" href="/venues/baysgarth-sports-village/facilities/1560"><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_20664'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='20664' data-time-slots-url='/venues/baysgarth-sports-village/facilities/20664/time_slots?date=2026-09-22'>
<a data-bs-toggle="collapse" aria-label="Rounders pitch" class="primary-link" rel="nofollow" href="#facility_20664 .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="Rounders pitch" src="/assets/surfaces/grass-caa1007b57c21132a79b0fb1688065f9496e1730e89e908fa7bd042f02c3d24f.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Rounders pitch</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Other</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Rounders pitch" href="/venues/baysgarth-sports-village/facilities/20664"><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">Available between mid-April and located on the lower field behind the sportshall. · 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_1562'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='1562' data-time-slots-url='/venues/baysgarth-sports-village/facilities/1562/time_slots?date=2026-09-22'>
<a data-bs-toggle="collapse" aria-label="Grub Hub/Castledyke" class="primary-link" rel="nofollow" href="#facility_1562 .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="Grub Hub/Castledyke" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/f5j0382my2631n5ad8kmsgq3tb69?response-content-disposition=inline%3B%20filename%3D%22images.jpg%22%3B%20filename%2A%3DUTF-8%27%27images.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260921%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260921T233906Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=300b6c402e4db7c289c8242fbfe396135ab3d18a26684b2a3bfe8f318b587f73" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Grub Hub/Castledyke</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Gym, Pilates, Dance, Bowls, Gymnastics, Dodgeball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Grub Hub/Castledyke" href="/venues/baysgarth-sports-village/facilities/1562"><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_13160'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13160' data-time-slots-url='/venues/baysgarth-sports-village/facilities/13160/time_slots?date=2026-09-22'>
<a data-bs-toggle="collapse" aria-label="Pickleball Court 1" class="primary-link" rel="nofollow" href="#facility_13160 .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="Pickleball Court 1" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/vp6gp66ncwnsgh1ofzfnsf79sh4j?response-content-disposition=inline%3B%20filename%3D%22download%20%25281%2529.jfif%22%3B%20filename%2A%3DUTF-8%27%27download%2520%25281%2529.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260921%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260921T233906Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=8bf9478f611a1d9b5b7f7091baca74f3a6f3628a3cd2e5ae5b429b5c88e85eed" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Pickleball Court 1</h2>
<div class='surface-type'>Hard Tennis Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Pickleball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Pickleball Court 1" href="/venues/baysgarth-sports-village/facilities/13160"><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_13161'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13161' data-time-slots-url='/venues/baysgarth-sports-village/facilities/13161/time_slots?date=2026-09-22'>
<a data-bs-toggle="collapse" aria-label="Pickleball Court 2" class="primary-link" rel="nofollow" href="#facility_13161 .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="Pickleball Court 2" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/cpb9d88hxvokqnmjsj9g2isu6sxu?response-content-disposition=inline%3B%20filename%3D%22download%20%25281%2529.jfif%22%3B%20filename%2A%3DUTF-8%27%27download%2520%25281%2529.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260921%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260921T233906Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=8541b1b2e9883cbf70fe4cf3a9def0daae599a00e883f3d6f2da491fdaab072c" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Pickleball Court 2</h2>
<div class='surface-type'>Hard Tennis Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Pickleball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Pickleball Court 2" href="/venues/baysgarth-sports-village/facilities/13161"><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_13162'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13162' data-time-slots-url='/venues/baysgarth-sports-village/facilities/13162/time_slots?date=2026-09-22'>
<a data-bs-toggle="collapse" aria-label="Pickleball Court 3" class="primary-link" rel="nofollow" href="#facility_13162 .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="Pickleball Court 3" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/jmzub7kyub7e4t5z14bhzq968qzw?response-content-disposition=inline%3B%20filename%3D%22download%20%25281%2529.jfif%22%3B%20filename%2A%3DUTF-8%27%27download%2520%25281%2529.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260921%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260921T233906Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=14d5ca9bcf75f7534cf0af62316ac7da0431c48b5b1239b88127330e64779289" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Pickleball Court 3</h2>
<div class='surface-type'>Hard Tennis Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Pickleball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Pickleball Court 3" href="/venues/baysgarth-sports-village/facilities/13162"><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_13163'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13163' data-time-slots-url='/venues/baysgarth-sports-village/facilities/13163/time_slots?date=2026-09-22'>
<a data-bs-toggle="collapse" aria-label="Pickleball Court 4" class="primary-link" rel="nofollow" href="#facility_13163 .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="Pickleball Court 4" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/8uwen0t41kq0ybhjs5cqdzwqftyx?response-content-disposition=inline%3B%20filename%3D%22download%20%25281%2529.jfif%22%3B%20filename%2A%3DUTF-8%27%27download%2520%25281%2529.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260921%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260921T233906Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=1936696ad1fe92904af07f4de85da53ebc395237c6a9932adc14785e80da9fb5" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Pickleball Court 4</h2>
<div class='surface-type'>Hard Tennis Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Pickleball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Pickleball Court 4" href="/venues/baysgarth-sports-village/facilities/13163"><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_13164'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13164' data-time-slots-url='/venues/baysgarth-sports-village/facilities/13164/time_slots?date=2026-09-22'>
<a data-bs-toggle="collapse" aria-label="Pickleball Court 5" class="primary-link" rel="nofollow" href="#facility_13164 .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="Pickleball Court 5" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/o8w10dwbhpmb9ig22k33od0y20h8?response-content-disposition=inline%3B%20filename%3D%22download%20%25281%2529.jfif%22%3B%20filename%2A%3DUTF-8%27%27download%2520%25281%2529.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260921%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260921T233906Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=edadf003dd77234370c4e1c77be56cd2f30c3b795914fed9fb69391318405ff3" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Pickleball Court 5</h2>
<div class='surface-type'>Hard Tennis Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Pickleball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Pickleball Court 5" href="/venues/baysgarth-sports-village/facilities/13164"><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_13165'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13165' data-time-slots-url='/venues/baysgarth-sports-village/facilities/13165/time_slots?date=2026-09-22'>
<a data-bs-toggle="collapse" aria-label="Pickleball Court 6" class="primary-link" rel="nofollow" href="#facility_13165 .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="Pickleball Court 6" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/kkhyn2rpp3nr5inpvtk0e2azzbh1?response-content-disposition=inline%3B%20filename%3D%22download%20%25281%2529.jfif%22%3B%20filename%2A%3DUTF-8%27%27download%2520%25281%2529.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260921%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260921T233906Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=8b5b4d5c9ae3a5abcc7dc8b5d2d755d907c38969c1ee63e340531cd77e5285e1" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Pickleball Court 6</h2>
<div class='surface-type'>Hard Tennis Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Pickleball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Pickleball Court 6" href="/venues/baysgarth-sports-village/facilities/13165"><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>