<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_13937'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13937' data-time-slots-url='/venues/nhha/facilities/13937/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Cello 1" class="primary-link" rel="nofollow" href="#facility_13937 .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="Cello 1" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/1ow4uokj6exk8jp2cbwv0t5non1u?response-content-disposition=inline%3B%20filename%3D%22C1.jpg%22%3B%20filename%2A%3DUTF-8%27%27C1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4a5ab86d5273c4039d9b6cd1271edeab1ce1e82117805bc9bcd104aa08ebe077" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Cello 1</h2>
<div class='surface-type'>Hockey Field</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 Cello 1" href="/venues/nhha/facilities/13937"><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_13938'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13938' data-time-slots-url='/venues/nhha/facilities/13938/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Cello 1 A" class="primary-link" rel="nofollow" href="#facility_13938 .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="Cello 1 A" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/b65b84blc201minmlzprkieztlr0?response-content-disposition=inline%3B%20filename%3D%22C1.jpg%22%3B%20filename%2A%3DUTF-8%27%27C1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=6e8f35d1a3b76a62ae0d560b6e1fc4646af6698deff8b9aa88295362e4e9a9a7" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Cello 1 A</h2>
<div class='surface-type'>Hockey Field</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 Cello 1 A" href="/venues/nhha/facilities/13938"><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_13939'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13939' data-time-slots-url='/venues/nhha/facilities/13939/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Cello 1 B" class="primary-link" rel="nofollow" href="#facility_13939 .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="Cello 1 B" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/cwrzjvszlpe9hpgn18kfkep4jnew?response-content-disposition=inline%3B%20filename%3D%22C1.jpg%22%3B%20filename%2A%3DUTF-8%27%27C1.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c7402681ad6d95a974ff0342acb33cc10c5467377b3dab4868a342ac6bc06e2b" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Cello 1 B</h2>
<div class='surface-type'>Hockey Field</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 Cello 1 B" href="/venues/nhha/facilities/13939"><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_13941'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13941' data-time-slots-url='/venues/nhha/facilities/13941/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="TigerTurf 2" class="primary-link" rel="nofollow" href="#facility_13941 .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="TigerTurf 2" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/l59kza4ptcvuaxmpdpg1l97o6p6j?response-content-disposition=inline%3B%20filename%3D%22TT2.jpg%22%3B%20filename%2A%3DUTF-8%27%27TT2.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=225c539265ecd9343a4cc87eb90f6a44a3fc67d415cc3bdb4dbd93da5e06ec1b" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>TigerTurf 2</h2>
<div class='surface-type'>Hockey Field</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 TigerTurf 2" href="/venues/nhha/facilities/13941"><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_13942'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13942' data-time-slots-url='/venues/nhha/facilities/13942/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="TigerTurf 2 A" class="primary-link" rel="nofollow" href="#facility_13942 .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="TigerTurf 2 A" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/ogfzuyewh9y49xu7dkgqoka2z5p0?response-content-disposition=inline%3B%20filename%3D%22TT2.jpg%22%3B%20filename%2A%3DUTF-8%27%27TT2.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=6ead97050c8cd661c9173d1393f58c2fd5e05cf1cebc9278d95cfd9f1d918e4a" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>TigerTurf 2 A</h2>
<div class='surface-type'>Hockey Field</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 TigerTurf 2 A" href="/venues/nhha/facilities/13942"><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_13940'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13940' data-time-slots-url='/venues/nhha/facilities/13940/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="TigerTurf 2 B" class="primary-link" rel="nofollow" href="#facility_13940 .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="TigerTurf 2 B" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/fqh09b12b4fxfvjf97gx3l0ot078?response-content-disposition=inline%3B%20filename%3D%22TT2.jpg%22%3B%20filename%2A%3DUTF-8%27%27TT2.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d0f12ad49ea4e29dc6da89684f3165cd5c0671795b17f2fbc75b083eb798358c" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>TigerTurf 2 B</h2>
<div class='surface-type'>Hockey Field</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 TigerTurf 2 B" href="/venues/nhha/facilities/13940"><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_13943'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13943' data-time-slots-url='/venues/nhha/facilities/13943/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Miller 3" class="primary-link" rel="nofollow" href="#facility_13943 .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="Miller 3" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/giinn4jmqbpdj1md3s1rxo1nwec0?response-content-disposition=inline%3B%20filename%3D%22all%204%20turfs.jpg%22%3B%20filename%2A%3DUTF-8%27%27all%25204%2520turfs.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=aadd4b3e3425cd00f4bff35ecd092536f15951cb7e115d86452a9b07d66f8330" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Miller 3</h2>
<div class='surface-type'>Hockey Field</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 Miller 3" href="/venues/nhha/facilities/13943"><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_13944'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13944' data-time-slots-url='/venues/nhha/facilities/13944/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Miller 3 A" class="primary-link" rel="nofollow" href="#facility_13944 .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="Miller 3 A" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/doqaa2xn9dpw2y2xfoqpt5dbbs9i?response-content-disposition=inline%3B%20filename%3D%22all%204%20turfs.jpg%22%3B%20filename%2A%3DUTF-8%27%27all%25204%2520turfs.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=34137d11baf1d9e5ce5242ec2d48b082d4b50dfd54c9c785254d19c14640ec11" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Miller 3 A</h2>
<div class='surface-type'>Hockey Field</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 Miller 3 A" href="/venues/nhha/facilities/13944"><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_13945'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13945' data-time-slots-url='/venues/nhha/facilities/13945/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Miller 3 B" class="primary-link" rel="nofollow" href="#facility_13945 .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="Miller 3 B" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/if0hjtfdfbs8pp78bc889vs3hbd6?response-content-disposition=inline%3B%20filename%3D%22all%204%20turfs.jpg%22%3B%20filename%2A%3DUTF-8%27%27all%25204%2520turfs.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=5ee093c90517dd834f4d3ba187a538ab357d438f45659f7dd044470cb74e9374" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Miller 3 B</h2>
<div class='surface-type'>Hockey Field</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 Miller 3 B" href="/venues/nhha/facilities/13945"><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_13946'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13946' data-time-slots-url='/venues/nhha/facilities/13946/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Harbour 4" class="primary-link" rel="nofollow" href="#facility_13946 .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="Harbour 4" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/w8akhe0wocilxj9rwrwiyyo6dg45?response-content-disposition=inline%3B%20filename%3D%22H4.jpg%22%3B%20filename%2A%3DUTF-8%27%27H4.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=3f0a99c33faf7aa3ca6c04ff62b53957cff2eb00075e3dd9c0aa8209c5ef8d18" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Harbour 4</h2>
<div class='surface-type'>Hockey Field</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 Harbour 4" href="/venues/nhha/facilities/13946"><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_13947'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13947' data-time-slots-url='/venues/nhha/facilities/13947/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Harbour 4 A" class="primary-link" rel="nofollow" href="#facility_13947 .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="Harbour 4 A" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/wp13zd2qcizum3mp33ymmy8uh44h?response-content-disposition=inline%3B%20filename%3D%22H4.jpg%22%3B%20filename%2A%3DUTF-8%27%27H4.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=3b0adc16d85d683ae298a41bd9bc63969e6745896e1bea31cc270049a687bad1" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Harbour 4 A</h2>
<div class='surface-type'>Hockey Field</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 Harbour 4 A" href="/venues/nhha/facilities/13947"><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_13948'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13948' data-time-slots-url='/venues/nhha/facilities/13948/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Harbour 4 B" class="primary-link" rel="nofollow" href="#facility_13948 .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="Harbour 4 B" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/31lposduwvybgkazmd2wst8nsqqk?response-content-disposition=inline%3B%20filename%3D%22H4.jpg%22%3B%20filename%2A%3DUTF-8%27%27H4.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4ccbff95331a55ab8a021e9f4c636962187482ff7c46b34d796ceea70e4b4c7a" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Harbour 4 B</h2>
<div class='surface-type'>Hockey Field</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 Harbour 4 B" href="/venues/nhha/facilities/13948"><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_13949'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13949' data-time-slots-url='/venues/nhha/facilities/13949/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Harbour 5" class="primary-link" rel="nofollow" href="#facility_13949 .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="Harbour 5" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/vo0la2itg9i39zjinooau2xyn01q?response-content-disposition=inline%3B%20filename%3D%22H5.jpg%22%3B%20filename%2A%3DUTF-8%27%27H5.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=06ba538d3ead2130b61fb354c5c3f8d6b8818f833ebb1d9565d23f9887acf049" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Harbour 5</h2>
<div class='surface-type'>Hockey Field</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 Harbour 5" href="/venues/nhha/facilities/13949"><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_13950'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13950' data-time-slots-url='/venues/nhha/facilities/13950/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Harbour 5 A" class="primary-link" rel="nofollow" href="#facility_13950 .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="Harbour 5 A" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/cwy605ckok00jlmj0z4a5c2iy0t5?response-content-disposition=inline%3B%20filename%3D%22H5.jpg%22%3B%20filename%2A%3DUTF-8%27%27H5.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=1d261a312f5350329022315290014666ee29768a28f0bdcd59b50ee2d17801f5" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Harbour 5 A</h2>
<div class='surface-type'>Hockey Field</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 Harbour 5 A" href="/venues/nhha/facilities/13950"><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_13951'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13951' data-time-slots-url='/venues/nhha/facilities/13951/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Harbour 5 B" class="primary-link" rel="nofollow" href="#facility_13951 .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="Harbour 5 B" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/cpoa5jc4ys0ecyofch5iwkep0k2x?response-content-disposition=inline%3B%20filename%3D%22H5.jpg%22%3B%20filename%2A%3DUTF-8%27%27H5.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f81c9221ad472d592f39f77e0a2441c7fb1348a22996aa4c27652b3f0c8d13c8" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Harbour 5 B</h2>
<div class='surface-type'>Hockey Field</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 Harbour 5 B" href="/venues/nhha/facilities/13951"><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_14963'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14963' data-time-slots-url='/venues/nhha/facilities/14963/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Westlake Girls High School Turf" class="primary-link" rel="nofollow" href="#facility_14963 .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="Westlake Girls High School Turf" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/7as93jqknatjs59a47qp3kssq8tp?response-content-disposition=inline%3B%20filename%3D%22Westlake.png%22%3B%20filename%2A%3DUTF-8%27%27Westlake.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=856af9ac4d550cf37fd1be932ed9b435f146ca509c7237a2ddf7e014c7c087b6" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Westlake Girls High School Turf</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check WGHS turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Westlake Girls High School Turf" href="/venues/nhha/facilities/14963"><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 except Monday</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_14964'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14964' data-time-slots-url='/venues/nhha/facilities/14964/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Westlake Girls High School Turf A" class="primary-link" rel="nofollow" href="#facility_14964 .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="Westlake Girls High School Turf A" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/n7c26xfqvmz55ur2wvemxi481r7p?response-content-disposition=inline%3B%20filename%3D%22Westlake.png%22%3B%20filename%2A%3DUTF-8%27%27Westlake.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=627abec5a7feee7688ee618149ba4f2c424ae93daef965898d6269d48c14d050" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Westlake Girls High School Turf A</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check WGHS turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Westlake Girls High School Turf A" href="/venues/nhha/facilities/14964"><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_14965'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14965' data-time-slots-url='/venues/nhha/facilities/14965/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Westlake Girls High School Turf B" class="primary-link" rel="nofollow" href="#facility_14965 .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="Westlake Girls High School Turf B" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/5fnipcxfs1fvx6md98ea6nr0r9wb?response-content-disposition=inline%3B%20filename%3D%22Westlake.png%22%3B%20filename%2A%3DUTF-8%27%27Westlake.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=53c822478a7a8859e443ea143ed1009fac70e8eb92b34959279fdc647c84fc96" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Westlake Girls High School Turf B</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check WGHS turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Westlake Girls High School Turf B" href="/venues/nhha/facilities/14965"><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_14966'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14966' data-time-slots-url='/venues/nhha/facilities/14966/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Rangitoto College Turf" class="primary-link" rel="nofollow" href="#facility_14966 .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="Rangitoto College Turf" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/5i3mzwtytdione029jz88u65rwgd?response-content-disposition=inline%3B%20filename%3D%22Rangitoto.jfif%22%3B%20filename%2A%3DUTF-8%27%27Rangitoto.jfif&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=505097723ff8868f81c7682c0d82c639e2173a3b7d91133bce2d432dbbfa1f9e" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Rangitoto College Turf</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check Rangitoto&#39;s turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Rangitoto College Turf" href="/venues/nhha/facilities/14966"><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_14969'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14969' data-time-slots-url='/venues/nhha/facilities/14969/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Kristin School Turf" class="primary-link" rel="nofollow" href="#facility_14969 .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="Kristin School Turf" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/28mpvs734a43eehi63dfjowjowaz?response-content-disposition=inline%3B%20filename%3D%22Kristin.png%22%3B%20filename%2A%3DUTF-8%27%27Kristin.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=623474a6e75925e41d96b1472ea32160da6cde2c32e7cdc3ad66d3092bc3dd1d" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Kristin School Turf</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check Kristin&#39;s turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Kristin School Turf" href="/venues/nhha/facilities/14969"><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 except Tuesday</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_14972'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14972' data-time-slots-url='/venues/nhha/facilities/14972/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Millwater Turf" class="primary-link" rel="nofollow" href="#facility_14972 .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="Millwater Turf" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/0lmnputyr4th1ije0errutmcotzk?response-content-disposition=inline%3B%20filename%3D%22Millwater.jpg%22%3B%20filename%2A%3DUTF-8%27%27Millwater.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c56fe107c4a596dc7eeeb7b22f5ec3621aab969f87ef584a0ea93b97d3921c44" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Millwater Turf</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check Millwater&#39;s turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Millwater Turf" href="/venues/nhha/facilities/14972"><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_14973'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14973' data-time-slots-url='/venues/nhha/facilities/14973/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Millwater Turf A" class="primary-link" rel="nofollow" href="#facility_14973 .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="Millwater Turf A" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/6jcsc8hmj8ph700645l6eumkkkep?response-content-disposition=inline%3B%20filename%3D%22Millwater.jpg%22%3B%20filename%2A%3DUTF-8%27%27Millwater.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=562737dd7f97e62045bccfbd24ec7588c59c5d86774e25d4213470955513ffc2" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Millwater Turf A</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check Millwater&#39;s turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Millwater Turf A" href="/venues/nhha/facilities/14973"><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_14974'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14974' data-time-slots-url='/venues/nhha/facilities/14974/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Millwater Turf B" class="primary-link" rel="nofollow" href="#facility_14974 .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="Millwater Turf B" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/to1xj0lx79msy8mghg0oxcchl3dg?response-content-disposition=inline%3B%20filename%3D%22Millwater.jpg%22%3B%20filename%2A%3DUTF-8%27%27Millwater.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=bab2b692fb06012474c1685e26f0a95c0fd177edd383ea30098102535f537f32" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Millwater Turf B</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check Millwater&#39;s turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Millwater Turf B" href="/venues/nhha/facilities/14974"><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_14975'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14975' data-time-slots-url='/venues/nhha/facilities/14975/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Warkworth Hockey Turf" class="primary-link" rel="nofollow" href="#facility_14975 .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="Warkworth Hockey Turf" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/9fqknek6z3w8ng8r7xw6pu2akwyl?response-content-disposition=inline%3B%20filename%3D%22WarkworthHockeyLogoMark_White.png%22%3B%20filename%2A%3DUTF-8%27%27WarkworthHockeyLogoMark_White.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=09c9a6aca6eed4dba2006412cbe7fbc32ae60692ad90cf25e8d2c9fd5e45af3d" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Warkworth Hockey Turf</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check Warkworth&#39;s turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Warkworth Hockey Turf" href="/venues/nhha/facilities/14975"><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_14976'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14976' data-time-slots-url='/venues/nhha/facilities/14976/time_slots?date=2026-06-26'>
<a data-bs-toggle="collapse" aria-label="Warkworth Hockey Turf A" class="primary-link" rel="nofollow" href="#facility_14976 .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="Warkworth Hockey Turf A" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/gwfcxs1uaxup4chf1om7yzr9myca?response-content-disposition=inline%3B%20filename%3D%22WarkworthHockeyLogoMark_White.png%22%3B%20filename%2A%3DUTF-8%27%27WarkworthHockeyLogoMark_White.png&amp;response-content-type=image%2Fpng&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260625%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260625T132055Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=3f6458b9043fb7db19adb4a29d22f57833cf5b0b023f347352355c4ae1fafe84" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Warkworth Hockey Turf A</h2>
<div class='surface-type'>Hockey Field</div>
<div class='description text-truncate'>
NHHA is required to check Warkworth&#39;s turf availability before confirming your booking request. This may take 1-2 days.
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Warkworth Hockey Turf A" href="/venues/nhha/facilities/14976"><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>
  <div class='load-more text-center mt-4' id='load-more'>
<a class="btn btn-secondary" rel="next" data-infinite-scroll-target="next" data-turbo="true" data-turbo-stream="true" href="/venues/nhha?d=2025-03-10&amp;page=2">Load more...</a>
</div>

</template></turbo-stream>