<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_7822'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7822' data-time-slots-url='/venues/quarryvale-youth-community-centre/facilities/7822/time_slots?date=2026-06-20'>
<a data-bs-toggle="collapse" aria-label="Astro" class="primary-link" rel="nofollow" href="#facility_7822 .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="Astro" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Astro</h2>
<div class='surface-type'>AstroTurf Surface</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football, Yoga, Running, Touch Football, Fitness Classes</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Astro" href="/venues/quarryvale-youth-community-centre/facilities/7822"><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_7823'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7823' data-time-slots-url='/venues/quarryvale-youth-community-centre/facilities/7823/time_slots?date=2026-06-20'>
<a data-bs-toggle="collapse" aria-label="Sports Hall" class="primary-link" rel="nofollow" href="#facility_7823 .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="Sports Hall" src="/assets/surfaces/indoor-hard-1a7e08ce0b9e8c347897433f2ee0d0fe20c6a7c609f386cdbf3d723c28c03e40.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Sports Hall</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton, Basketball, Gym, MMA, Pilates, Squash, Tag Rugby, Tennis, Yoga, Volleyball, Martial Arts, Athletics / Track &amp; Field , Running, Softball, Dance, Table Tennis, Bowls, Weight-lifting, Gymnastics, Fitness Classes</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Sports Hall" href="/venues/quarryvale-youth-community-centre/facilities/7823"><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_7820'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7820' data-time-slots-url='/venues/quarryvale-youth-community-centre/facilities/7820/time_slots?date=2026-06-20'>
<a data-bs-toggle="collapse" aria-label="Meeting Room 1" class="primary-link" rel="nofollow" href="#facility_7820 .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="Meeting Room 1" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Meeting Room 1</h2>
<div class='surface-type'>Meeting Room</div>
<div class='description text-truncate'>
Meeting room, can accommodate up to 35 in theatre style. TV in room, flipchart available. Tables can be provided for meetings or training events
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Meeting Room 1" href="/venues/quarryvale-youth-community-centre/facilities/7820"><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_7821'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='7821' data-time-slots-url='/venues/quarryvale-youth-community-centre/facilities/7821/time_slots?date=2026-06-20'>
<a data-bs-toggle="collapse" aria-label="Kitchen" class="primary-link" rel="nofollow" href="#facility_7821 .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/5pqj96dicx4wcykcaoeadoxppd4c?response-content-disposition=inline%3B%20filename%3D%22kitchen%202.jpg%22%3B%20filename%2A%3DUTF-8%27%27kitchen%25202.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260620%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260620T112441Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=5e94e6b4d5e5a0a03b63dec3e1090b54a355ea9d9edad2ea729b6bd8ab6f2c6a" />
</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/quarryvale-youth-community-centre/facilities/7821"><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">All equipment needed must be brought to the venue · 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>