<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_10245'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10245' data-time-slots-url='/venues/grand-rapids-soccer-society/facilities/10245/time_slots?date=2028-05-07'>
<a data-bs-toggle="collapse" aria-label="Field 1" class="primary-link" rel="nofollow" href="#facility_10245 .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="Field 1" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/8gg5k800onnrd61uer0nl5w5lovo?response-content-disposition=inline%3B%20filename%3D%22IMG_4797.jpeg%22%3B%20filename%2A%3DUTF-8%27%27IMG_4797.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115238Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ea416a6e7e889f7e04e937b1be33e8afd3a5d4171be8ce66f05e3bef8e4719b7" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Field 1</h2>
<div class='surface-type'>Artificial Turf</div>
<div class='d-none d-sm-block'>
<div class='sports'>Soccer</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Field 1" href="/venues/grand-rapids-soccer-society/facilities/10245"><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">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_10246'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10246' data-time-slots-url='/venues/grand-rapids-soccer-society/facilities/10246/time_slots?date=2028-05-07'>
<a data-bs-toggle="collapse" aria-label="Field 2" class="primary-link" rel="nofollow" href="#facility_10246 .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="Field 2" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/9a8dvhqed6rkvtzuud36ro7bd0vv?response-content-disposition=inline%3B%20filename%3D%22IMG_4798.jpeg%22%3B%20filename%2A%3DUTF-8%27%27IMG_4798.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115238Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=3c2dd8dafe83c0ab66d0279a231eb98c2cb734d6c7dfc30ecdca48069aa6ac3e" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Field 2</h2>
<div class='surface-type'>Artificial Turf</div>
<div class='d-none d-sm-block'>
<div class='sports'>Soccer</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Field 2" href="/venues/grand-rapids-soccer-society/facilities/10246"><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">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_10266'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='10266' data-time-slots-url='/venues/grand-rapids-soccer-society/facilities/10266/time_slots?date=2028-05-07'>
<a data-bs-toggle="collapse" aria-label="Conference/Party Room" class="primary-link" rel="nofollow" href="#facility_10266 .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="Conference/Party Room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/znxel4at2zbfhanjvareycch8azc?response-content-disposition=inline%3B%20filename%3D%22ConferanceRoom%20.jpeg%22%3B%20filename%2A%3DUTF-8%27%27ConferanceRoom%2520.jpeg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T115238Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=3caf059a3b034acda121d52de4160b9e97924182bc10f0dda105b709655def58" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Conference/Party Room</h2>
<div class='surface-type'>Meeting Room</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 Conference/Party Room" href="/venues/grand-rapids-soccer-society/facilities/10266"><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>