<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_13755'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13755' data-time-slots-url='/venues/college-drive-gymnasium/facilities/13755/time_slots?date=2026-06-20'>
<a data-bs-toggle="collapse" aria-label="Full Gym" class="primary-link" rel="nofollow" href="#facility_13755 .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="Full Gym" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Full Gym</h2>
<div class='surface-type'>Indoor Sprung Wooden Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton, Basketball, Pilates, Yoga, Volleyball, Running, Dance, Fitness Classes, Pickleball, Handball, Dodgeball, Bubble Soccer</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Full Gym" href="/venues/college-drive-gymnasium/facilities/13755"><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_13809'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13809' data-time-slots-url='/venues/college-drive-gymnasium/facilities/13809/time_slots?date=2026-06-20'>
<a data-bs-toggle="collapse" aria-label="Partial Gym Half A" class="primary-link" rel="nofollow" href="#facility_13809 .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="Partial Gym Half A" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Partial Gym Half A</h2>
<div class='surface-type'>Indoor Sprung Wooden Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton, Basketball, Pilates, Yoga, Volleyball, Running, Dance, Fitness Classes, Pickleball, Handball, Dodgeball, Bubble Soccer</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Partial Gym Half A" href="/venues/college-drive-gymnasium/facilities/13809"><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_13810'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13810' data-time-slots-url='/venues/college-drive-gymnasium/facilities/13810/time_slots?date=2026-06-20'>
<a data-bs-toggle="collapse" aria-label="Partial Gym Half B" class="primary-link" rel="nofollow" href="#facility_13810 .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="Partial Gym Half B" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Partial Gym Half B</h2>
<div class='surface-type'>Indoor Sprung Wooden Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Badminton, Basketball, Pilates, Yoga, Volleyball, Running, Dance, Fitness Classes, Pickleball, Handball, Bubble Soccer</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Partial Gym Half B" href="/venues/college-drive-gymnasium/facilities/13810"><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>