<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_18154'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='18154' data-time-slots-url='/venues/city-arena/facilities/18154/time_slots?date=2026-06-17'>
<a data-bs-toggle="collapse" aria-label="City Arena Field 1" class="primary-link" rel="nofollow" href="#facility_18154 .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="City Arena Field 1" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/yegoeii3ebdbjgqux8psgrwv8d6c?response-content-disposition=inline%3B%20filename%3D%22welcome_to_city_large.jpg%22%3B%20filename%2A%3DUTF-8%27%27welcome_to_city_large.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T120456Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=3ac29b7690f88bee630c2340d98fbe7bdc3cbfe97602c565b9e12baa49200cd0" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>City Arena Field 1</h2>
<div class='surface-type'>Artificial Turf</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 City Arena Field 1" href="/venues/city-arena/facilities/18154"><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_18155'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='18155' data-time-slots-url='/venues/city-arena/facilities/18155/time_slots?date=2026-06-17'>
<a data-bs-toggle="collapse" aria-label="City Arena Field 2" class="primary-link" rel="nofollow" href="#facility_18155 .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="City Arena Field 2" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/fk3mu2vwp77jj2djykflskmlawln?response-content-disposition=inline%3B%20filename%3D%22welcome_to_city_large.jpg%22%3B%20filename%2A%3DUTF-8%27%27welcome_to_city_large.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T120456Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=b7540cf83436fe5605184528eac0856fb62054d96c5af6405abf5be5665ede38" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>City Arena Field 2</h2>
<div class='surface-type'>Artificial Turf</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 City Arena Field 2" href="/venues/city-arena/facilities/18155"><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_18156'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='18156' data-time-slots-url='/venues/city-arena/facilities/18156/time_slots?date=2026-06-17'>
<a data-bs-toggle="collapse" aria-label="City Arena Field 3" class="primary-link" rel="nofollow" href="#facility_18156 .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="City Arena Field 3" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/wt2psmrplbux5cewszcpci334lc8?response-content-disposition=inline%3B%20filename%3D%22welcome_to_city_large.jpg%22%3B%20filename%2A%3DUTF-8%27%27welcome_to_city_large.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T120456Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=3200c930d9f1995d5623bd678a8b3bfc47fb515797c610449fb8c8a4efbc0502" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>City Arena Field 3</h2>
<div class='surface-type'>Artificial Turf</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 City Arena Field 3" href="/venues/city-arena/facilities/18156"><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_18157'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='18157' data-time-slots-url='/venues/city-arena/facilities/18157/time_slots?date=2026-06-17'>
<a data-bs-toggle="collapse" aria-label="City Arena Field 4" class="primary-link" rel="nofollow" href="#facility_18157 .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="City Arena Field 4" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/7pxmde25l84dffqhyow6hgqxdu93?response-content-disposition=inline%3B%20filename%3D%22welcome_to_city_large.jpg%22%3B%20filename%2A%3DUTF-8%27%27welcome_to_city_large.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T120456Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=01412dc9215976d1f5297413d533fdee2ac669188983b946c84188a11408cf6f" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>City Arena Field 4</h2>
<div class='surface-type'>Artificial Turf</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 City Arena Field 4" href="/venues/city-arena/facilities/18157"><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_18158'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='18158' data-time-slots-url='/venues/city-arena/facilities/18158/time_slots?date=2026-06-17'>
<a data-bs-toggle="collapse" aria-label="City Arena Gym" class="primary-link" rel="nofollow" href="#facility_18158 .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="City Arena Gym" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>City Arena Gym</h2>
<div class='surface-type'>Gym</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 City Arena Gym" href="/venues/city-arena/facilities/18158"><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>