<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_8973'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8973' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/8973/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Hall" class="primary-link" rel="nofollow" href="#facility_8973 .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="Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/1ga3lvv53jbde0nx4yragprqppnx?response-content-disposition=inline%3B%20filename%3D%22Hall.jpg%22%3B%20filename%2A%3DUTF-8%27%27Hall.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115009Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=067e485def30523c7170885a7a2624b0571b3323dc573e4b2a99195a6208603b" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>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 Hall" href="/venues/brookfield-youth-and-community-centre/facilities/8973"><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_8974'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8974' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/8974/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Games Area" class="primary-link" rel="nofollow" href="#facility_8974 .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="Games Area" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/trcfyjld7abpcl3nhn052ew5e60w?response-content-disposition=inline%3B%20filename%3D%22Games%20Area.jpg%22%3B%20filename%2A%3DUTF-8%27%27Games%2520Area.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115009Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=537cc11adaabfdeec18608795295de7dc1dc6fb48e72fd28d2744a4e70dfba4a" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Games Area</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 Games Area" href="/venues/brookfield-youth-and-community-centre/facilities/8974"><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_8976'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8976' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/8976/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Training Room" class="primary-link" rel="nofollow" href="#facility_8976 .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="Training Room" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Training 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 Training Room" href="/venues/brookfield-youth-and-community-centre/facilities/8976"><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_8977'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8977' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/8977/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Board Room" class="primary-link" rel="nofollow" href="#facility_8977 .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="Board Room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/ds2paj9a2kqqo1gmblrdtwmq6mgy?response-content-disposition=inline%3B%20filename%3D%22Board%20Room.jpg%22%3B%20filename%2A%3DUTF-8%27%27Board%2520Room.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115009Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=7a12d713469e6403d3099e78421d8e1a0fd9ab3d90fb0914bc46c27c48694363" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Board 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 Board Room" href="/venues/brookfield-youth-and-community-centre/facilities/8977"><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_9001'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9001' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/9001/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Youth Room" class="primary-link" rel="nofollow" href="#facility_9001 .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="Youth Room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/ekommfu1sd9msseg58cqqvuleblx?response-content-disposition=inline%3B%20filename%3D%22Youth%20Room.jpg%22%3B%20filename%2A%3DUTF-8%27%27Youth%2520Room.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115009Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=fe25712ecbf5bd936060e914799bed75ace4b2c7863c9d6edd5288fe1873f0f4" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Youth 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 Youth Room" href="/venues/brookfield-youth-and-community-centre/facilities/9001"><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_9002'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9002' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/9002/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Computer Room" class="primary-link" rel="nofollow" href="#facility_9002 .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="Computer Room" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Computer Room</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 Computer Room" href="/venues/brookfield-youth-and-community-centre/facilities/9002"><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_9003'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9003' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/9003/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Community Room" class="primary-link" rel="nofollow" href="#facility_9003 .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="Community Room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/tox3qc5i3dwoiqkdalzpwwyx2uco?response-content-disposition=inline%3B%20filename%3D%22Community%20Room%201.jpg%22%3B%20filename%2A%3DUTF-8%27%27Community%2520Room%25201.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115009Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=2e11e95e11da121a1c4cb341fce0728cffe0ce8f16ccd65edec5f62815d86569" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Community 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 Community Room" href="/venues/brookfield-youth-and-community-centre/facilities/9003"><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_8999'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8999' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/8999/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Snooker Table" class="primary-link" rel="nofollow" href="#facility_8999 .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="Snooker Table" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/7j0jn7uo9my4lm549s1mue7h1cox?response-content-disposition=inline%3B%20filename%3D%22Snooker%20Table.jpg%22%3B%20filename%2A%3DUTF-8%27%27Snooker%2520Table.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115009Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=26eb235904f85075848d10ce844cfb9f02851f271018c25f432bb8b911f0c7f4" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Snooker Table</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 Snooker Table" href="/venues/brookfield-youth-and-community-centre/facilities/8999"><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_9020'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9020' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/9020/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Pool Table" class="primary-link" rel="nofollow" href="#facility_9020 .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="Pool Table" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/5sar0lo3q4byd27f0465gbgigw6s?response-content-disposition=inline%3B%20filename%3D%22Pool%20Table.jpg%22%3B%20filename%2A%3DUTF-8%27%27Pool%2520Table.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115009Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d4cd54386f4ec21674ed3ae9c602fd01f2a798accfe786bfa7ad61b775ddcf71" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Pool Table</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 Pool Table" href="/venues/brookfield-youth-and-community-centre/facilities/9020"><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_9025'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9025' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/9025/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Kitchen" class="primary-link" rel="nofollow" href="#facility_9025 .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="Kitchen" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/xhwi3vj1ud2mnmomir947g5a85f8?response-content-disposition=inline%3B%20filename%3D%22Kitchen.jpg%22%3B%20filename%2A%3DUTF-8%27%27Kitchen.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115009Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=8c556c57c097f7406f402e2319fe7c7422ae3a5bf5d1f3775b6a888926c3fee6" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Kitchen</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 Kitchen" href="/venues/brookfield-youth-and-community-centre/facilities/9025"><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_9026'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9026' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/9026/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Seating Area" class="primary-link" rel="nofollow" href="#facility_9026 .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="Seating Area" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Seating Area</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 Seating Area" href="/venues/brookfield-youth-and-community-centre/facilities/9026"><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_9000'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='9000' data-time-slots-url='/venues/brookfield-youth-and-community-centre/facilities/9000/time_slots?date=2030-01-26'>
<a data-bs-toggle="collapse" aria-label="Music Room" class="primary-link" rel="nofollow" href="#facility_9000 .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="Music Room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/zhpqulixw06w82nxv03ec4l479nx?response-content-disposition=inline%3B%20filename%3D%22Music%20Room.jpg%22%3B%20filename%2A%3DUTF-8%27%27Music%2520Room.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115009Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=bfa1c621bf05a54f31ee3eb04652295c92bf73cf53f4846a0b74c5ccd673e4e5" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Music Room</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 Music Room" href="/venues/brookfield-youth-and-community-centre/facilities/9000"><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>