<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_10430'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10430' data-time-slots-url='/venues/whitechurch-library/facilities/10430/time_slots?date=2026-07-06&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Main hall" class="primary-link" rel="nofollow" href="#facility_10430 .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/x15ywwroneafunamrkz90m5rdy8y?response-content-disposition=inline%3B%20filename%3D%2220231113_103503.jpg%22%3B%20filename%2A%3DUTF-8%27%2720231113_103503.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260706%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260706T195932Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=5493ec2a161ac66e1bfbbe7886f938ee45e28db8a63c5b8f5eacba13d04e371c" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Main hall</h2>
<div class='surface-type'>Sports Hall</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 Main hall" href="/venues/whitechurch-library/facilities/10430"><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_10431'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10431' data-time-slots-url='/venues/whitechurch-library/facilities/10431/time_slots?date=2026-07-06&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Healing Cabin" class="primary-link" rel="nofollow" href="#facility_10431 .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="Healing Cabin" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/swhki9wkan03q5p7sj8l40t14num?response-content-disposition=inline%3B%20filename%3D%22cabin.jpg%22%3B%20filename%2A%3DUTF-8%27%27cabin.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260706%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260706T195932Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=bc14f94b72ffdff64e52636030d5f3f0cb6dba324fb91573537eec78d9f1a289" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Healing Cabin</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 Healing Cabin" href="/venues/whitechurch-library/facilities/10431"><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_10453'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10453' data-time-slots-url='/venues/whitechurch-library/facilities/10453/time_slots?date=2026-07-06&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="therapy room" class="primary-link" rel="nofollow" href="#facility_10453 .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="therapy room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/ollepar3lnql8iqg842y9m4aqjo7?response-content-disposition=inline%3B%20filename%3D%22little%20room.jpg%22%3B%20filename%2A%3DUTF-8%27%27little%2520room.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260706%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260706T195932Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d93950c0a918e7dab665f3bbc5141485d969c1a4d8112734ed4d3472e93e9245" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>therapy room</h2>
<div class='surface-type'>Meeting 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 therapy room" href="/venues/whitechurch-library/facilities/10453"><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>