<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_22424'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22424' data-time-slots-url='/venues/courtbrack-community-centre/facilities/22424/time_slots?date=2026-10-23'>
<a data-bs-toggle="collapse" aria-label="Main Hall" class="primary-link" rel="nofollow" href="#facility_22424 .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="Main Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/kezjx424iccvbs9yycq6nodkw8p5?response-content-disposition=inline%3B%20filename%3D%22Screenshot%202026-08-12%20at%2014.03.46.png%22%3B%20filename%2A%3DUTF-8%27%27Screenshot%25202026-08-12%2520at%252014.03.46.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261023%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261023T082401Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=14b9fa625426ff6b185b9280d9a51b4af225a7abcc4400a58d351e172da97e30" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Main Hall</h2>
<div class='surface-type'>Function Room</div>
<div class='description text-truncate'>

</div>
<div class='text-muted text-uppercase small'>
<span class='me-1'><i class="icon icon-access " aria-hidden="true"></i></span>
Access Controlled
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Main Hall" href="/venues/courtbrack-community-centre/facilities/22424"><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='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_22425'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22425' data-time-slots-url='/venues/courtbrack-community-centre/facilities/22425/time_slots?date=2026-10-23'>
<a data-bs-toggle="collapse" aria-label="Meeting Room" class="primary-link" rel="nofollow" href="#facility_22425 .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="Meeting Room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/52g2w706lyxe48ojdfu4rdm6spmp?response-content-disposition=inline%3B%20filename%3D%22Screenshot%202026-08-12%20at%2014.03.50.png%22%3B%20filename%2A%3DUTF-8%27%27Screenshot%25202026-08-12%2520at%252014.03.50.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20261023%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20261023T082401Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f384bf68511b3f7fd8a5ff83a00537c97ff877a2dde1a471d43e54e1480e5946" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Meeting Room</h2>
<div class='surface-type'>Function Room</div>
<div class='description text-truncate'>

</div>
<div class='text-muted text-uppercase small'>
<span class='me-1'><i class="icon icon-access " aria-hidden="true"></i></span>
Access Controlled
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Meeting Room" href="/venues/courtbrack-community-centre/facilities/22425"><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='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_22622'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22622' data-time-slots-url='/venues/courtbrack-community-centre/facilities/22622/time_slots?date=2026-10-23'>
<a data-bs-toggle="collapse" aria-label="Birthday Party Booking" class="primary-link" rel="nofollow" href="#facility_22622 .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="Birthday Party Booking" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Birthday Party Booking</h2>
<div class='surface-type'>Function Room</div>
<div class='description text-truncate'>

</div>
<div class='text-muted text-uppercase small'>
<span class='me-1'><i class="icon icon-access " aria-hidden="true"></i></span>
Access Controlled
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Birthday Party Booking" href="/venues/courtbrack-community-centre/facilities/22622"><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">Minimum booking duration 3.0 hours</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_22821'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='22821' data-time-slots-url='/venues/courtbrack-community-centre/facilities/22821/time_slots?date=2026-10-23'>
<a data-bs-toggle="collapse" aria-label="All Day Hire" class="primary-link" rel="nofollow" href="#facility_22821 .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="All Day Hire" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>All Day Hire</h2>
<div class='surface-type'>Sports Hall</div>
<div class='description text-truncate'>

</div>
<div class='text-muted text-uppercase small'>
<span class='me-1'><i class="icon icon-access " aria-hidden="true"></i></span>
Access Controlled
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about All Day Hire" href="/venues/courtbrack-community-centre/facilities/22821"><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 8.0 hours</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>