<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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=0fad5791c4d1ae50474af7400c4dc06b85b524e7cff0f6e3c3ca7f3ca9d6168e" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e99e890c041003eb72b7b821adc7ae8da7707d7159956a1bca411c833c094142" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=bbf8261e4eba2b4b0b0a749905d2e3b704f09721e7720e065cdb78de3211216e" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=42019018bbd91b0d012d0586fdafd8ad269db5cb0fee2f427207cf1aa6a6c0bb" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=35205f59f35f5d84be3ea4166f58a4aa92b56be7ce669dcb326242bedfc56c40" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c492d0f908fc41c0c76d523497abce752719960253d208c807477d7e87a4d308" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=770758b45baaaddc4f4349c5468ff45c22ecfdf8bfed1e29446a98abd377c216" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=da1610f7b50cc340e82eb97ad64615517226bb8e27a2740b2b4f79aa5d22844d" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=3ec31181991094c6711224f71f1982910dadf0b3f617f8a98e64edddbeed8d0f" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=1caf5ce6541f48427fca493e535e3e3aebf5ba4cd6c36aa2f45dae3b37807d92" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=49f32ccec4b5f1c3d02c89a0db363b2202d6de1557c666d7041c820d6c713f10" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=9ec3c963ecb3b8c800ff6c99799b91b5d2b921f35fc80c622159db96f2595df0" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d00e252af52e54db84360c7755da22ff48766250f3cc46719f9954404068c167" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=5910f7747d2d5736a71c46e1323ce58fb705dbaa4ebe9802afdfc4fbd6ba3da4" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f286e6e1da3dcf3c28b4921620257109e2806d78fec3fee4ea983ba6bbb34927" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=113561639689b011b3834ee77a57ac8d7349101aa9109db8b52280311fe46c50" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ce761d7db83ce82b29e38ec39b47003940c1ebdb2c5a322b4965dc4d640f18bd" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=f2262ee075c80606fd62925802c3657c2c8d805c182f0e7dc590978d92c57e54" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=964c0de7804a51d8bc6136d44c2966c9414742e4783052d8255b394a7bd56104" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=86816b8459ce5994cd5056c64b81f07aeb2ea7a49abab92fd15f4f144b44cbec" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=9d9290d7eea0e2d48e9559a22420891db12377673e22925e5b37f9cca1c041e8" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=4a7dfadb601c1b8ef33ae9274ee060404e6ff7f0a4cfaff9409745d8d3c3ee48" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=810cee0a68efd578385506aad8a22ea8607600ab5924c3c66beb809c5ef19713" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=45b6c7a034de60b7f9eb0c906ac4c9030b1ce9443ec90ce6ad9d6a2e033f0a1f" />
</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-17'>
<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%2F20260617%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260617T005720Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=88f599362083caff5777b2d6eabe00015b51995343645a30f8c66297b98e904d" />
</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?page=2">Load more...</a>
</div>

</template></turbo-stream>