<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=2026-07-16&amp;mp=true'>
<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%2F20260715%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260715T230754Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=cdb6f13764a588ec75247fce0a62d0f5721a5a7546e8667fcea935cd67e3b976" />
</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=2026-07-16&amp;mp=true'>
<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%2F20260715%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260715T230754Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=b8254399db6a0c684d24fe847beb75d0984e9493863aed2af475429cb6880950" />
</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=2026-07-16&amp;mp=true'>
<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=2026-07-16&amp;mp=true'>
<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%2F20260715%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260715T230754Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e3fb443871d422a01fcb7bee686950cac63012bc1bf34cbc099039dd952fd171" />
</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=2026-07-16&amp;mp=true'>
<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%2F20260715%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260715T230754Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e0061e64292aa4f4a6a0f26ebba7b7c5b80c4510aca2fe3367f9d005515620fc" />
</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=2026-07-16&amp;mp=true'>
<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=2026-07-16&amp;mp=true'>
<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%2F20260715%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260715T230754Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=53b968ba54aa07401941105ccac4828c30cfa785eb05ae8d8d85063ca9c2e5cc" />
</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=2026-07-16&amp;mp=true'>
<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%2F20260715%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260715T230754Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f21120f8ad4fe914a7fbb089215ed0951eb2216a4621d370be1b72977ec4fb75" />
</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=2026-07-16&amp;mp=true'>
<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%2F20260715%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260715T230754Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4d540fe65ca7faea93a24fd62a265b40e005d4119b7e72a7cda8787e59164d1b" />
</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=2026-07-16&amp;mp=true'>
<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%2F20260715%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260715T230754Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4f988726c3d52e898fa0545e5bb178b37a07d5e367f5dd142753be3f613e725e" />
</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=2026-07-16&amp;mp=true'>
<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=2026-07-16&amp;mp=true'>
<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%2F20260715%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260715T230754Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=1fd7970d4dc685ef9c9a2c2983482091aeafc97b87763a12736463480191f37f" />
</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>