<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_19837'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='19837' data-time-slots-url='/venues/seckford-school/facilities/19837/time_slots?date=2030-06-28'>
<a data-bs-toggle="collapse" aria-label="Badminton 1" class="primary-link" rel="nofollow" href="#facility_19837 .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="Badminton 1" src="/assets/surfaces/indoor-hard-1a7e08ce0b9e8c347897433f2ee0d0fe20c6a7c609f386cdbf3d723c28c03e40.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Badminton 1</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Badminton 1" href="/venues/seckford-school/facilities/19837"><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_19838'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='19838' data-time-slots-url='/venues/seckford-school/facilities/19838/time_slots?date=2030-06-28'>
<a data-bs-toggle="collapse" aria-label="Badminton 2" class="primary-link" rel="nofollow" href="#facility_19838 .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="Badminton 2" src="/assets/surfaces/indoor-hard-1a7e08ce0b9e8c347897433f2ee0d0fe20c6a7c609f386cdbf3d723c28c03e40.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Badminton 2</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Badminton 2" href="/venues/seckford-school/facilities/19838"><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_19839'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='19839' data-time-slots-url='/venues/seckford-school/facilities/19839/time_slots?date=2030-06-28'>
<a data-bs-toggle="collapse" aria-label="Badminton 3" class="primary-link" rel="nofollow" href="#facility_19839 .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="Badminton 3" src="/assets/surfaces/indoor-hard-1a7e08ce0b9e8c347897433f2ee0d0fe20c6a7c609f386cdbf3d723c28c03e40.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Badminton 3</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Badminton 3" href="/venues/seckford-school/facilities/19839"><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_19840'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='19840' data-time-slots-url='/venues/seckford-school/facilities/19840/time_slots?date=2030-06-28'>
<a data-bs-toggle="collapse" aria-label="Badminton 4" class="primary-link" rel="nofollow" href="#facility_19840 .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="Badminton 4" src="/assets/surfaces/indoor-hard-1a7e08ce0b9e8c347897433f2ee0d0fe20c6a7c609f386cdbf3d723c28c03e40.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Badminton 4</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Badminton 4" href="/venues/seckford-school/facilities/19840"><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_19841'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='19841' data-time-slots-url='/venues/seckford-school/facilities/19841/time_slots?date=2030-06-28'>
<a data-bs-toggle="collapse" aria-label="Badminton 5" class="primary-link" rel="nofollow" href="#facility_19841 .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="Badminton 5" src="/assets/surfaces/indoor-hard-1a7e08ce0b9e8c347897433f2ee0d0fe20c6a7c609f386cdbf3d723c28c03e40.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Badminton 5</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Badminton 5" href="/venues/seckford-school/facilities/19841"><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_19842'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='19842' data-time-slots-url='/venues/seckford-school/facilities/19842/time_slots?date=2030-06-28'>
<a data-bs-toggle="collapse" aria-label="Badminton 6" class="primary-link" rel="nofollow" href="#facility_19842 .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="Badminton 6" src="/assets/surfaces/indoor-hard-1a7e08ce0b9e8c347897433f2ee0d0fe20c6a7c609f386cdbf3d723c28c03e40.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Badminton 6</h2>
<div class='surface-type'>Indoor Hard Court</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Badminton 6" href="/venues/seckford-school/facilities/19842"><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>