<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_8414'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8414' data-time-slots-url='/venues/fallbrook-community-development-center/facilities/8414/time_slots?date=2026-06-18'>
<a data-bs-toggle="collapse" aria-label="Community Center" class="primary-link" rel="nofollow" href="#facility_8414 .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="Community Center" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Community Center</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Yoga, Futsal, Volleyball, Martial Arts, Dance, 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 Community Center" href="/venues/fallbrook-community-development-center/facilities/8414"><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">For bookings of 8 or more sessions, use code &quot;MONTHLY&quot; at checkout. · 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_8400'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8400' data-time-slots-url='/venues/fallbrook-community-development-center/facilities/8400/time_slots?date=2026-06-18'>
<a data-bs-toggle="collapse" aria-label="Brook Main" class="primary-link" rel="nofollow" href="#facility_8400 .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="Brook Main" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Brook Main</h2>
<div class='surface-type'>Indoor Sprung Wooden Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Yoga, Futsal, Volleyball, Martial Arts, Dance, 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 Brook Main" href="/venues/fallbrook-community-development-center/facilities/8400"><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_8410'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8410' data-time-slots-url='/venues/fallbrook-community-development-center/facilities/8410/time_slots?date=2026-06-18'>
<a data-bs-toggle="collapse" aria-label="Brook 1" class="primary-link" rel="nofollow" href="#facility_8410 .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="Brook 1" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Brook 1</h2>
<div class='surface-type'>Indoor Sprung Wooden Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Yoga, Futsal, Volleyball, Martial Arts, Dance, 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 Brook 1" href="/venues/fallbrook-community-development-center/facilities/8410"><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_8411'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8411' data-time-slots-url='/venues/fallbrook-community-development-center/facilities/8411/time_slots?date=2026-06-18'>
<a data-bs-toggle="collapse" aria-label="Brook 2" class="primary-link" rel="nofollow" href="#facility_8411 .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="Brook 2" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Brook 2</h2>
<div class='surface-type'>Indoor Sprung Wooden Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Yoga, Futsal, Volleyball, Martial Arts, 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 Brook 2" href="/venues/fallbrook-community-development-center/facilities/8411"><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_8403'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8403' data-time-slots-url='/venues/fallbrook-community-development-center/facilities/8403/time_slots?date=2026-06-18'>
<a data-bs-toggle="collapse" aria-label="Upstairs Main" class="primary-link" rel="nofollow" href="#facility_8403 .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="Upstairs Main" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Upstairs Main</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Upstairs Main" href="/venues/fallbrook-community-development-center/facilities/8403"><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_8412'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8412' data-time-slots-url='/venues/fallbrook-community-development-center/facilities/8412/time_slots?date=2026-06-18'>
<a data-bs-toggle="collapse" aria-label="Upstairs 1" class="primary-link" rel="nofollow" href="#facility_8412 .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="Upstairs 1" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Upstairs 1</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Yoga, Futsal, Volleyball, Martial Arts, 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 Upstairs 1" href="/venues/fallbrook-community-development-center/facilities/8412"><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_8413'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8413' data-time-slots-url='/venues/fallbrook-community-development-center/facilities/8413/time_slots?date=2026-06-18'>
<a data-bs-toggle="collapse" aria-label="Upstairs 2" class="primary-link" rel="nofollow" href="#facility_8413 .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="Upstairs 2" src="/assets/surfaces/indoor-wood-a2a869cf802c87a29369dda4d4d6ed7715a9e50456f1b65213e6a13804617fcb.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Upstairs 2</h2>
<div class='surface-type'>Indoor Sprung Floor</div>
<div class='d-none d-sm-block'>
<div class='sports'>Basketball, Yoga, Futsal, Volleyball, Martial Arts, 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 Upstairs 2" href="/venues/fallbrook-community-development-center/facilities/8413"><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_8437'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='8437' data-time-slots-url='/venues/fallbrook-community-development-center/facilities/8437/time_slots?date=2026-06-18'>
<a data-bs-toggle="collapse" aria-label="Whole Venue" class="primary-link" rel="nofollow" href="#facility_8437 .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="Whole Venue" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Whole Venue</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 Whole Venue" href="/venues/fallbrook-community-development-center/facilities/8437"><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>