<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_21299'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21299' data-time-slots-url='/venues/pine-tar-sports/facilities/21299/time_slots?date=2026-06-19'>
<a data-bs-toggle="collapse" aria-label="Field 1" class="primary-link" rel="nofollow" href="#facility_21299 .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/5b1csaj7ggr9p9b7r20jczzhzcrv?response-content-disposition=inline%3B%20filename%3D%22Screenshot%202026-04-07%20at%2012.18.37.png%22%3B%20filename%2A%3DUTF-8%27%27Screenshot%25202026-04-07%2520at%252012.18.37.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260620%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260620T024106Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=304b75011771af95f951971dfe896f3a5deedb8c818dc8d469d8deb68fcaa4ee" />
</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'>Baseball, Softball</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/pine-tar-sports/facilities/21299"><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='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_21300'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21300' data-time-slots-url='/venues/pine-tar-sports/facilities/21300/time_slots?date=2026-06-19'>
<a data-bs-toggle="collapse" aria-label="Field 2" class="primary-link" rel="nofollow" href="#facility_21300 .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/cuevwf9q4gcj0xr1ytojz81p1bjz?response-content-disposition=inline%3B%20filename%3D%22Screenshot%202026-04-10%20at%2013.09.05.png%22%3B%20filename%2A%3DUTF-8%27%27Screenshot%25202026-04-10%2520at%252013.09.05.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260620%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260620T024106Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=1003f48a6fc82e9126bab319195ed17af90fb2dd6bfc411730bfa7a2bc593dbc" />
</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'>Baseball, Softball</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/pine-tar-sports/facilities/21300"><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='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_21301'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21301' data-time-slots-url='/venues/pine-tar-sports/facilities/21301/time_slots?date=2026-06-19'>
<a data-bs-toggle="collapse" aria-label="Field 3" class="primary-link" rel="nofollow" href="#facility_21301 .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 3" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/qqyef008t3562cf33dsbtzyuahbe?response-content-disposition=inline%3B%20filename%3D%22Screenshot%202026-04-13%20at%2017.39.22.png%22%3B%20filename%2A%3DUTF-8%27%27Screenshot%25202026-04-13%2520at%252017.39.22.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260620%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260620T024106Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=cb865fd197cb18d5383cefb49d1a2f565695a7aebd0946ba50872dad9498d6d0" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Field 3</h2>
<div class='surface-type'>Artificial Turf</div>
<div class='d-none d-sm-block'>
<div class='sports'>Baseball, Softball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Field 3" href="/venues/pine-tar-sports/facilities/21301"><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='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>