<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_4018'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='4018' data-time-slots-url='/venues/asan-workspace/facilities/4018/time_slots?date=2028-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Large Hall" class="primary-link" rel="nofollow" href="#facility_4018 .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="Large Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/sk1sr9vjc9pm5ekbakhpc6ufojj2?response-content-disposition=inline%3B%20filename%3D%22Conference_Room.jpg%22%3B%20filename%2A%3DUTF-8%27%27Conference_Room.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T114154Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=e41bf7b0ed73f392c7984e68ed67ae949177e1334d8d7e10a27fd46f90fa3d07" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Large Hall</h2>
<div class='surface-type'>Sports Hall</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 Large Hall" href="/venues/asan-workspace/facilities/4018"><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_4019'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='4019' data-time-slots-url='/venues/asan-workspace/facilities/4019/time_slots?date=2028-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Small Hall" class="primary-link" rel="nofollow" href="#facility_4019 .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="Small Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/0arlk767ny700fdkogyd26g0h9vz?response-content-disposition=inline%3B%20filename%3D%22Conference_Room.jpg%22%3B%20filename%2A%3DUTF-8%27%27Conference_Room.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T114154Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c41ee8e3916b242e439048a219b26f00d22d160876d315ad8a664275035d15e8" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Small Hall</h2>
<div class='surface-type'>Sports Hall</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 Small Hall" href="/venues/asan-workspace/facilities/4019"><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_4020'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='4020' data-time-slots-url='/venues/asan-workspace/facilities/4020/time_slots?date=2028-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Medium Hall" class="primary-link" rel="nofollow" href="#facility_4020 .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="Medium Hall" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/fcy7twmmdd53k1u62n71flgjkunk?response-content-disposition=inline%3B%20filename%3D%22Conference_Room.jpg%22%3B%20filename%2A%3DUTF-8%27%27Conference_Room.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T114154Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=c19d1387464bd2db8bde16d87b880ded33c9f8545bf57482a9f78a935098b067" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Medium Hall</h2>
<div class='surface-type'>Sports Hall</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 Medium Hall" href="/venues/asan-workspace/facilities/4020"><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_4021'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='4021' data-time-slots-url='/venues/asan-workspace/facilities/4021/time_slots?date=2028-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Boardroom" class="primary-link" rel="nofollow" href="#facility_4021 .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="Boardroom" src="https://bookapitch-api-production.s3.eu-west-1.amazonaws.com/o8lt4k1ajqoy48nbuzjpgampxv68?response-content-disposition=inline%3B%20filename%3D%22ASAN_Office.jpg%22%3B%20filename%2A%3DUTF-8%27%27ASAN_Office.jpg&amp;response-content-type=image%2Fjpeg&amp;X-Amz-Algorithm=AWS4-HMAC-SHA256&amp;X-Amz-Credential=AKIARQUA3ZM3AAMYGGK6%2F20260613%2Feu-west-1%2Fs3%2Faws4_request&amp;X-Amz-Date=20260613T114154Z&amp;X-Amz-Expires=300&amp;X-Amz-SignedHeaders=host&amp;X-Amz-Signature=0cee0ab52fab6a6232a023e0e6f65ecc4e7f3ac73f70f88a08ab1a7561e1950a" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Boardroom</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 Boardroom" href="/venues/asan-workspace/facilities/4021"><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_5352'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='5352' data-time-slots-url='/venues/asan-workspace/facilities/5352/time_slots?date=2028-06-26&amp;mp=true'>
<a data-bs-toggle="collapse" aria-label="Atrium" class="primary-link" rel="nofollow" href="#facility_5352 .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="Atrium" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Atrium</h2>
<div class='surface-type'>Theatre</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 Atrium" href="/venues/asan-workspace/facilities/5352"><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>