<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_14977'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='14977' data-time-slots-url='/venues/nhha/facilities/14977/time_slots?date=2026-06-17'>
<a data-bs-toggle="collapse" aria-label="Warkworth Hockey Turf B" class="primary-link" rel="nofollow" href="#facility_14977 .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 B" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/thi11mqalx7a2r5jyj8vqdeiwrxe?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=20260617T020903Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=ae0bb7431ecbaa8f2b1ce52d5b0efbd6a431b0b7cf8a84bb850e6c646b47e594" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Warkworth Hockey Turf B</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 B" href="/venues/nhha/facilities/14977"><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_13952'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='13952' data-time-slots-url='/venues/nhha/facilities/13952/time_slots?date=2026-06-17'>
<a data-bs-toggle="collapse" aria-label="The Clubhouse" class="primary-link" rel="nofollow" href="#facility_13952 .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="The Clubhouse" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/qut7yc5wbqcgaka6px1u4ihblems?response-content-disposition=inline%3B%20filename%3D%22Clubroom.jpg%22%3B%20filename%2A%3DUTF-8%27%27Clubroom.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=20260617T020903Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=7ce49658b3b0b9286c35e8e1f4206a1240c566935eef53f882af97598b480866" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>The Clubhouse</h2>
<div class='surface-type'>Function Room</div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about The Clubhouse" href="/venues/nhha/facilities/13952"><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_15192'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='15192' data-time-slots-url='/venues/nhha/facilities/15192/time_slots?date=2026-06-17'>
<a data-bs-toggle="collapse" aria-label="WEST Room" class="primary-link" rel="nofollow" href="#facility_15192 .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="WEST Room" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/t3qth7yz72vse7p4rxadccffdrf4?response-content-disposition=inline%3B%20filename%3D%22West%20Room.jpg%22%3B%20filename%2A%3DUTF-8%27%27West%2520Room.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=20260617T020903Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=d1c5afb194b6fc742b237f7d3de7f98bb696462cf0e1a1d83de9bf186e367ab0" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>WEST Room</h2>
<div class='surface-type'>Meeting Room</div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about WEST Room" href="/venues/nhha/facilities/15192"><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 · Minimum booking duration 3.0 hours</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_15259'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='15259' data-time-slots-url='/venues/nhha/facilities/15259/time_slots?date=2026-06-17'>
<a data-bs-toggle="collapse" aria-label="Media Room" class="primary-link" rel="nofollow" href="#facility_15259 .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="Media Room" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Media Room</h2>
<div class='surface-type'>Meeting Room</div>
<div class='description text-truncate'>

</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Media Room" href="/venues/nhha/facilities/15259"><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_16064'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='16064' data-time-slots-url='/venues/nhha/facilities/16064/time_slots?date=2026-06-17'>
<a data-bs-toggle="collapse" aria-label="Village Green" class="primary-link" rel="nofollow" href="#facility_16064 .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="Village Green" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/uz9g9q3k0zc6a1a6kamz6uuriil2?response-content-disposition=inline%3B%20filename%3D%22Village%20green.jpg%22%3B%20filename%2A%3DUTF-8%27%27Village%2520green.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=20260617T020903Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=145009b5d3065636ca89b161056254093a428452e04424fd07606134628c1264" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Village Green</h2>
<div class='surface-type'></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 Village Green" href="/venues/nhha/facilities/16064"><i class="icon icon-info " aria-hidden="true"></i></a>
</div>
<div class='slot-picker'>
<div class='collapse'>
<div class='text-center py-2'>
<div class="alert alert-warning my-2 py-2">Request only</div>
<div class='slots'>
</div>
<div class='loading d-none'>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
<div class='slot available'>
<div class='loading'>
<span class='me-2 fas fa-spinner fa-spin' role='status'></span>
<span>Loading...</span>
</div>

</div>
</div>
</div>
</div>
</div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="load-more"><template>
</template></turbo-stream>