<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_12908'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12908' data-time-slots-url='/venues/astro-field/facilities/12908/time_slots?date=2026-06-23'>
<a data-bs-toggle="collapse" aria-label="Full 3G" class="primary-link" rel="nofollow" href="#facility_12908 .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 3G" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/xhxt9wlh8a9bg4xehaamigszmmlf?response-content-disposition=inline%3B%20filename%3D%22BTFC%20Footwear.jpg%22%3B%20filename%2A%3DUTF-8%27%27BTFC%2520Footwear.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T075143Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=989dee73aaf77b33300b84cf6f5add9200126bb7e0c33eaf2bc17c6b5a688175" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Full 3G</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Full 3G" href="/venues/astro-field/facilities/12908"><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_12914'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12914' data-time-slots-url='/venues/astro-field/facilities/12914/time_slots?date=2026-06-23'>
<a data-bs-toggle="collapse" aria-label="Full 3G: Half A" class="primary-link" rel="nofollow" href="#facility_12914 .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 3G: Half A" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/gau145hvdxeusp9bubg4okue02xk?response-content-disposition=inline%3B%20filename%3D%22BTFC%20Sign.png%22%3B%20filename%2A%3DUTF-8%27%27BTFC%2520Sign.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T075143Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=35998b8c40351392a7bee760ee36d17f555f4d4cf8f46a7b629df619aef00884" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Full 3G: Half A</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Full 3G: Half A" href="/venues/astro-field/facilities/12914"><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_12915'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12915' data-time-slots-url='/venues/astro-field/facilities/12915/time_slots?date=2026-06-23'>
<a data-bs-toggle="collapse" aria-label="Full 3G: Half B" class="primary-link" rel="nofollow" href="#facility_12915 .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 3G: Half B" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/5hluh3wso6b8dpcmjo60ejf83sa5?response-content-disposition=inline%3B%20filename%3D%22BTFC%20Pitch%20Lanscape.png%22%3B%20filename%2A%3DUTF-8%27%27BTFC%2520Pitch%2520Lanscape.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T075143Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=9fca1dec828e2ddf77080da5c7ab4ee04494fd16ed83905916e7ea157dd23ead" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Full 3G: Half B</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Full 3G: Half B" href="/venues/astro-field/facilities/12915"><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_12916'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12916' data-time-slots-url='/venues/astro-field/facilities/12916/time_slots?date=2026-06-23'>
<a data-bs-toggle="collapse" aria-label="Full 3G: Quarter 1" class="primary-link" rel="nofollow" href="#facility_12916 .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 3G: Quarter 1" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/bow9cagiladrxvcb1deoj49831dp?response-content-disposition=inline%3B%20filename%3D%22BTFC%20Lanscape%202.png%22%3B%20filename%2A%3DUTF-8%27%27BTFC%2520Lanscape%25202.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T075143Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=50bd87a7c0208ab944e0e3db578ea6acb64fd3f923e1c05b80312160404cee06" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Full 3G: Quarter 1</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Full 3G: Quarter 1" href="/venues/astro-field/facilities/12916"><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_12917'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12917' data-time-slots-url='/venues/astro-field/facilities/12917/time_slots?date=2026-06-23'>
<a data-bs-toggle="collapse" aria-label="Full 3G: Quarter 2" class="primary-link" rel="nofollow" href="#facility_12917 .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 3G: Quarter 2" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Full 3G: Quarter 2</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Full 3G: Quarter 2" href="/venues/astro-field/facilities/12917"><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_12918'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12918' data-time-slots-url='/venues/astro-field/facilities/12918/time_slots?date=2026-06-23'>
<a data-bs-toggle="collapse" aria-label="Full 3G: Quarter 3" class="primary-link" rel="nofollow" href="#facility_12918 .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 3G: Quarter 3" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Full 3G: Quarter 3</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Full 3G: Quarter 3" href="/venues/astro-field/facilities/12918"><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_12919'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12919' data-time-slots-url='/venues/astro-field/facilities/12919/time_slots?date=2026-06-23'>
<a data-bs-toggle="collapse" aria-label="Full 3G: Quarter 4" class="primary-link" rel="nofollow" href="#facility_12919 .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 3G: Quarter 4" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Full 3G: Quarter 4</h2>
<div class='surface-type'>3G Synthetic Grass Pitch</div>
<div class='d-none d-sm-block'>
<div class='sports'>Football</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Full 3G: Quarter 4" href="/venues/astro-field/facilities/12919"><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_12941'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='12941' data-time-slots-url='/venues/astro-field/facilities/12941/time_slots?date=2026-06-23'>
<a data-bs-toggle="collapse" aria-label="Clubhouse" class="primary-link" rel="nofollow" href="#facility_12941 .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="Clubhouse" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/ofya35rph04dq16o51f0bs6o0itp?response-content-disposition=inline%3B%20filename%3D%22BTFC%20Bar.png%22%3B%20filename%2A%3DUTF-8%27%27BTFC%2520Bar.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260623%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260623T075143Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=8d99cbe52c6e8b2f534d1c4f8c251f3bbe303bc2e9ff498de0476d539916cac2" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Clubhouse</h2>
<div class='surface-type'>Function 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 Clubhouse" href="/venues/astro-field/facilities/12941"><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>