<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_9008'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9008' data-time-slots-url='/venues/wotton-sports-centre/facilities/9008/time_slots?date=2026-09-21'>
<a data-bs-toggle="collapse" aria-label="Outdoor Training Zone 3" class="primary-link" rel="nofollow" href="#facility_9008 .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="Outdoor Training Zone 3" src="/assets/surfaces/grass-caa1007b57c21132a79b0fb1688065f9496e1730e89e908fa7bd042f02c3d24f.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Outdoor Training Zone 3</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football, Netball, Rugby, Tennis, Athletics / Track &amp; Field , Running, Baseball, American Football, Ultimate Frisbee, Flag American Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Outdoor Training Zone 3" href="/venues/wotton-sports-centre/facilities/9008"><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_7910'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7910' data-time-slots-url='/venues/wotton-sports-centre/facilities/7910/time_slots?date=2026-09-21'>
<a data-bs-toggle="collapse" aria-label="Outdoor Training Zone 4" class="primary-link" rel="nofollow" href="#facility_7910 .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="Outdoor Training Zone 4" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/vjolggoe6ivrehalj1fw73l9o3gk?response-content-disposition=inline%3B%20filename%3D%22piece-turf_1232-920.jpg%22%3B%20filename%2A%3DUTF-8%27%27piece-turf_1232-920.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=20260921T151649Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=46826741651cf8e67bdd2a6744248b3d2b04cc9eec165390821446f000221373" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Outdoor Training Zone 4</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 Outdoor Training Zone 4" href="/venues/wotton-sports-centre/facilities/7910"><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_7849'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7849' data-time-slots-url='/venues/wotton-sports-centre/facilities/7849/time_slots?date=2026-09-21'>
<a data-bs-toggle="collapse" aria-label="Senior Pen" class="primary-link" rel="nofollow" href="#facility_7849 .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="Senior Pen" src="/assets/surfaces/concrete-721df486ec5ee6063bd481f5e056578df722f4d93f5bfc4535beb4f4c5696024.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Senior Pen</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Netball, Tennis, Futsal, Running, Ultimate Frisbee</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Senior Pen" href="/venues/wotton-sports-centre/facilities/7849"><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_7870'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7870' data-time-slots-url='/venues/wotton-sports-centre/facilities/7870/time_slots?date=2026-09-21'>
<a data-bs-toggle="collapse" aria-label="Classroom" class="primary-link" rel="nofollow" href="#facility_7870 .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="Classroom" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/orq24g2crnnprhvyejgcpypii819?response-content-disposition=inline%3B%20filename%3D%22istockphoto-1219802805-612x612.jpg%22%3B%20filename%2A%3DUTF-8%27%27istockphoto-1219802805-612x612.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=20260921T151649Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d3aca9605ea70e3bd170b95d7e4469e0a19429554d903ebec4ad983dc39312a1" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Classroom</h2>
<div class='surface-type'>Classroom</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 Classroom" href="/venues/wotton-sports-centre/facilities/7870"><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>