<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_10777'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10777' data-time-slots-url='/venues/baines-school/facilities/10777/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="Sports Hall" class="primary-link" rel="nofollow" href="#facility_10777 .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, Football, Gym, Netball, Futsal, Martial Arts, Running, Dance, Gymnastics, Fitness Classes, Handball, Wrestling</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/baines-school/facilities/10777"><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_10817'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10817' data-time-slots-url='/venues/baines-school/facilities/10817/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="Sports Hall: Half A" class="primary-link" rel="nofollow" href="#facility_10817 .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: Half A" src="/assets/surfaces/indoor-hard-1a7e08ce0b9e8c347897433f2ee0d0fe20c6a7c609f386cdbf3d723c28c03e40.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Sports Hall: Half A</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton, Basketball, Football, Gym, Netball, Futsal, Martial Arts, Running, Dance, Gymnastics, Fitness Classes, Handball, Wrestling</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: Half A" href="/venues/baines-school/facilities/10817"><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_10818'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10818' data-time-slots-url='/venues/baines-school/facilities/10818/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="Sports Hall: Half B" class="primary-link" rel="nofollow" href="#facility_10818 .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: Half B" src="/assets/surfaces/indoor-hard-1a7e08ce0b9e8c347897433f2ee0d0fe20c6a7c609f386cdbf3d723c28c03e40.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Sports Hall: Half B</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton, Basketball, Football, Gym, Netball, Futsal, Martial Arts, Running, Dance, Gymnastics, Fitness Classes, Handball, Wrestling</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: Half B" href="/venues/baines-school/facilities/10818"><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_10778'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10778' data-time-slots-url='/venues/baines-school/facilities/10778/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="All-Weather Pitch" class="primary-link" rel="nofollow" href="#facility_10778 .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="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>All-Weather Pitch</h2>
<div class='surface-type'>AstroTurf Surface</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football, Field Hockey, Netball, Tennis, Handball, Other</div>
</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/baines-school/facilities/10778"><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_10780'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10780' data-time-slots-url='/venues/baines-school/facilities/10780/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="Cricket Pitch" class="primary-link" rel="nofollow" href="#facility_10780 .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="Cricket Pitch" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Cricket Pitch</h2>
<div class='surface-type'>AstroTurf Surface</div>
<div class='d-none d-sm-block'>
<div class='sports'>Cricket</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Cricket Pitch" href="/venues/baines-school/facilities/10780"><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_11388'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11388' data-time-slots-url='/venues/baines-school/facilities/11388/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="Grass Football Pitch" class="primary-link" rel="nofollow" href="#facility_11388 .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="Grass Football Pitch" src="/assets/surfaces/grass-caa1007b57c21132a79b0fb1688065f9496e1730e89e908fa7bd042f02c3d24f.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Grass Football Pitch</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Grass Football Pitch" href="/venues/baines-school/facilities/11388"><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_11389'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11389' data-time-slots-url='/venues/baines-school/facilities/11389/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="Grass Football Pitch Half A" class="primary-link" rel="nofollow" href="#facility_11389 .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="Grass Football Pitch Half A" src="/assets/surfaces/grass-caa1007b57c21132a79b0fb1688065f9496e1730e89e908fa7bd042f02c3d24f.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Grass Football Pitch Half A</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Grass Football Pitch Half A" href="/venues/baines-school/facilities/11389"><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_11390'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='11390' data-time-slots-url='/venues/baines-school/facilities/11390/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="Grass Football Pitch Half B" class="primary-link" rel="nofollow" href="#facility_11390 .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="Grass Football Pitch Half B" src="/assets/surfaces/grass-caa1007b57c21132a79b0fb1688065f9496e1730e89e908fa7bd042f02c3d24f.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Grass Football Pitch Half B</h2>
<div class='surface-type'>Natural Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Grass Football Pitch Half B" href="/venues/baines-school/facilities/11390"><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_16862'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='16862' data-time-slots-url='/venues/baines-school/facilities/16862/time_slots?date=2026-06-24'>
<a data-bs-toggle="collapse" aria-label="Main School Hall" class="primary-link" rel="nofollow" href="#facility_16862 .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 School Hall" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Main School Hall</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Martial Arts</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Main School Hall" href="/venues/baines-school/facilities/16862"><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>