<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-06-24'>
<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%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T234203Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=2fd4acb1086db119e741d34e16c9122430b971505f9ac6889a55678ebe8eae4f" />
</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-06-24'>
<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%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T234203Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ee3e1264b0e87520c30f01cad68f6dc508dec892d43dba673821124c451a18e3" />
</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-06-24'>
<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-06-24'>
<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%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T234203Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=73990ad10e77d0e649550fc62349c137d4d07eabec22066118886b0abe82e65d" />
</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-06-24'>
<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%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T234203Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=be3be0c8982ad3a213fde73791027eb94a5ca1e1f2ac1bff7d7c9f9984abc6cc" />
</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-06-24'>
<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-06-24'>
<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%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T234203Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=54de62e55ae38509b38baa52b625d43f2917201166ca2506b4757a0bbb05ac42" />
</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-06-24'>
<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%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T234203Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=5dfb1bf8d76bb5e075cdd295ba3c8d6c523062b980f36e80ab2a159f034c1865" />
</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-06-24'>
<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%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T234203Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=874627776f812752fd41f56c1e1bcf62414eb3c8c0667574bbf2dfa89ba4f41c" />
</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-06-24'>
<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%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T234203Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=94bf39faa943dcded34705efe32961c2c0ef331abbaba0f4e6328bd475694664" />
</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-06-24'>
<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-06-24'>
<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%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T234203Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c16b8cf62b441caa739c43cdf4b5b8c8deaf137da4f50913949ead913143bae1" />
</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>