<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_5072'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='5072' data-time-slots-url='/venues/westside-community-centre/facilities/5072/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="Main Sports Hall" class="primary-link" rel="nofollow" href="#facility_5072 .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 Sports Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/ufmbm6g7i5sj8s99t9i4f7ac71qw?response-content-disposition=inline%3B%20filename%3D%22Westside%20Community%20Centre-11.jpg%22%3B%20filename%2A%3DUTF-8%27%27Westside%2520Community%2520Centre-11.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T020949Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4a341c44f72dfc8999e5bb3758762381724994c2232f98e3911253ea731f8210" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Main Sports Hall</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton, Basketball, Football, Volleyball, Dance, Bowls, Gymnastics</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Main Sports Hall" href="/venues/westside-community-centre/facilities/5072"><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 1 hour</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_5073'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='5073' data-time-slots-url='/venues/westside-community-centre/facilities/5073/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="Practice Hall" class="primary-link" rel="nofollow" href="#facility_5073 .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="Practice Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/agdebfpdsqrgr4ds1g8gmezkpmyt?response-content-disposition=inline%3B%20filename%3D%2220220124_133218.jpg%22%3B%20filename%2A%3DUTF-8%27%2720220124_133218.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260624%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260624T020949Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=978b68d17bd8a4ea3a132d4734a369e0236fb9098bf4fd64ecd9dd4c97cdbee8" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Practice Hall</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Pilates, Yoga, Martial Arts, Dance, Fitness Classes</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Practice Hall" href="/venues/westside-community-centre/facilities/5073"><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 1 hour</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>