<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_6412'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='6412' data-time-slots-url='/venues/beap-community-partnership/facilities/6412/time_slots?date=2026-07-18'>
<a data-bs-toggle="collapse" aria-label="4G Outdoor Pitch" class="primary-link" rel="nofollow" href="#facility_6412 .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="4G Outdoor Pitch" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/h8m0leq3rgm1pqn6v7408a3plh9i?response-content-disposition=inline%3B%20filename%3D%22ousidepitchPHOTO-2024-10-22-13-49-02%20%25281%2529.jpg%22%3B%20filename%2A%3DUTF-8%27%27ousidepitchPHOTO-2024-10-22-13-49-02%2520%25281%2529.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260718%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260718T223620Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=a7498e74540cf8c56a8ba044f9c40681affdb31e86ec64439ded40854dce080c" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>4G Outdoor Pitch</h2>
<div class='surface-type'>4G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about 4G Outdoor Pitch" href="/venues/beap-community-partnership/facilities/6412"><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_3600'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='3600' data-time-slots-url='/venues/beap-community-partnership/facilities/3600/time_slots?date=2026-07-18'>
<a data-bs-toggle="collapse" aria-label="BEAP Sports Hall" class="primary-link" rel="nofollow" href="#facility_3600 .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="BEAP Sports Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/sp32mflcls2or8uvrof0dacl6ckr?response-content-disposition=inline%3B%20filename%3D%22PHOTO-2024-10-22-13-51-08.jpg%22%3B%20filename%2A%3DUTF-8%27%27PHOTO-2024-10-22-13-51-08.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260718%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260718T223620Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=fd99d846ffbb974c87c74834c0fcf02eec940f98b20bad93cd101cf7b91d562d" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>BEAP Sports Hall</h2>
<div class='surface-type'>Sand-based Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton, Basketball, Cricket, Football, Gym, Pilates, Tennis, Yoga, Volleyball, Martial Arts, Athletics / Track &amp; Field , Running, Dance</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about BEAP Sports Hall" href="/venues/beap-community-partnership/facilities/3600"><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_12626'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12626' data-time-slots-url='/venues/beap-community-partnership/facilities/12626/time_slots?date=2026-07-18'>
<a data-bs-toggle="collapse" aria-label="Shapla Hall" class="primary-link" rel="nofollow" href="#facility_12626 .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="Shapla Hall" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Shapla Hall</h2>
<div class='surface-type'>Function Room</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 Shapla Hall" href="/venues/beap-community-partnership/facilities/12626"><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 5.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>