<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_6690'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='6690' data-time-slots-url='/venues/newhaven-fc/facilities/6690/time_slots?date=2026-06-22'>
<a data-bs-toggle="collapse" aria-label="Full 3G Pitch" class="primary-link" rel="nofollow" href="#facility_6690 .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 Pitch" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Full 3G Pitch</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 Pitch" href="/venues/newhaven-fc/facilities/6690"><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_6691'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='6691' data-time-slots-url='/venues/newhaven-fc/facilities/6691/time_slots?date=2026-06-22'>
<a data-bs-toggle="collapse" aria-label="3G Half A" class="primary-link" rel="nofollow" href="#facility_6691 .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="3G Half A" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>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 3G Half A" href="/venues/newhaven-fc/facilities/6691"><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_6692'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='6692' data-time-slots-url='/venues/newhaven-fc/facilities/6692/time_slots?date=2026-06-22'>
<a data-bs-toggle="collapse" aria-label="3G Half B" class="primary-link" rel="nofollow" href="#facility_6692 .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="3G Half B" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>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 3G Half B" href="/venues/newhaven-fc/facilities/6692"><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_6693'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='6693' data-time-slots-url='/venues/newhaven-fc/facilities/6693/time_slots?date=2026-06-22'>
<a data-bs-toggle="collapse" aria-label="3G Quarter 1" class="primary-link" rel="nofollow" href="#facility_6693 .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="3G Quarter 1" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>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 3G Quarter 1" href="/venues/newhaven-fc/facilities/6693"><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_6694'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='6694' data-time-slots-url='/venues/newhaven-fc/facilities/6694/time_slots?date=2026-06-22'>
<a data-bs-toggle="collapse" aria-label="3G Quarter 2" class="primary-link" rel="nofollow" href="#facility_6694 .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="3G Quarter 2" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>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 3G Quarter 2" href="/venues/newhaven-fc/facilities/6694"><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_6695'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='6695' data-time-slots-url='/venues/newhaven-fc/facilities/6695/time_slots?date=2026-06-22'>
<a data-bs-toggle="collapse" aria-label="3G Quarter 3" class="primary-link" rel="nofollow" href="#facility_6695 .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="3G Quarter 3" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>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 3G Quarter 3" href="/venues/newhaven-fc/facilities/6695"><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_6696'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='6696' data-time-slots-url='/venues/newhaven-fc/facilities/6696/time_slots?date=2026-06-22'>
<a data-bs-toggle="collapse" aria-label="3G Quarter 4" class="primary-link" rel="nofollow" href="#facility_6696 .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="3G Quarter 4" src="/assets/surfaces/grass-artificial-999c7c8b24731dd03b18b02e8baf5ffe58c7b38dd699b67f0e682c33e4e3e432.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>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 3G Quarter 4" href="/venues/newhaven-fc/facilities/6696"><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>