<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_10216'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10216' data-time-slots-url='/venues/st-marks-youth-centre/facilities/10216/time_slots?date=2026-06-24&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Main Hall" class="primary-link" rel="nofollow" href="#facility_10216 .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/cv67ac9vpeht475uzvl814hhhkpb?response-content-disposition=inline%3B%20filename%3D%22DSCN6821%20copy%20Big%20Hall%202.jpg%22%3B%20filename%2A%3DUTF-8%27%27DSCN6821%2520copy%2520Big%2520Hall%25202.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=20260624T003344Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=a597b4ae322e93319ac08a9ce47d84da223f2523838c1cb5f8daf472e97d2218" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Main Hall</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Pilates, Yoga, Dance, Fitness Classes, All Sports Welcome</div>
</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/st-marks-youth-centre/facilities/10216"><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_10217'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10217' data-time-slots-url='/venues/st-marks-youth-centre/facilities/10217/time_slots?date=2026-06-24&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Small Hall" class="primary-link" rel="nofollow" href="#facility_10217 .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="Small Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/gaod0il1nm4hnfr6dza19hht1isf?response-content-disposition=inline%3B%20filename%3D%22New%20small%20hall%20photos%20%25283%2529.jpg%22%3B%20filename%2A%3DUTF-8%27%27New%2520small%2520hall%2520photos%2520%25283%2529.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=20260624T003345Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e94b1f467aa276e6b1caa1513116d79bb1b0c845d24e67a3bf59c7aaab7e5ee0" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Small Hall</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>All Sports Welcome</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Small Hall" href="/venues/st-marks-youth-centre/facilities/10217"><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_10218'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10218' data-time-slots-url='/venues/st-marks-youth-centre/facilities/10218/time_slots?date=2026-06-24&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Games Room" class="primary-link" rel="nofollow" href="#facility_10218 .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 Room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/lca0i47w5jjxvn0qc8nvm87aia02?response-content-disposition=inline%3B%20filename%3D%22DSCN6811%20copy%20Back%20Room%205.jpg%22%3B%20filename%2A%3DUTF-8%27%27DSCN6811%2520copy%2520Back%2520Room%25205.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=20260624T003345Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=75b0d33be5912e94e4dec4cf8c802e726659c8fd379b171b8836a0a79b80f0de" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Games Room</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 Room" href="/venues/st-marks-youth-centre/facilities/10218"><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_10316'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10316' data-time-slots-url='/venues/st-marks-youth-centre/facilities/10316/time_slots?date=2026-06-24&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Kitchen" class="primary-link" rel="nofollow" href="#facility_10316 .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/3n3ioda1dppkl8es3o9u2019dozz?response-content-disposition=inline%3B%20filename%3D%22New%20kitchen%20%25282%2529.jpg%22%3B%20filename%2A%3DUTF-8%27%27New%2520kitchen%2520%25282%2529.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=20260624T003345Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=43c0b83dc99587da43fc1ff1acc6bc3e607ad0952448d6af5c288a4646570251" />
</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/st-marks-youth-centre/facilities/10316"><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_10320'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10320' data-time-slots-url='/venues/st-marks-youth-centre/facilities/10320/time_slots?date=2026-06-24&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="All Weather Pitch" class="primary-link" rel="nofollow" href="#facility_10320 .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="All Weather Pitch" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/j1c1lquo1wymgxg4vtlig4zzz3vr?response-content-disposition=inline%3B%20filename%3D%22DSCN6853.jpg%22%3B%20filename%2A%3DUTF-8%27%27DSCN6853.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=20260624T003345Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=7658c624671d64a9b6bd4afc1794157fb454341db854662e4c3a4926c5ff4fc1" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>All Weather Pitch</h2>
<div class='surface-type'>Artificial Grass Pitch</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 All Weather Pitch" href="/venues/st-marks-youth-centre/facilities/10320"><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>