<turbo-stream action="before" target="load-more"><template>
  <div class='facility' id='facility_21397'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21397' data-time-slots-url='/venues/dugout-temple/facilities/21397/time_slots?date=2026-06-19'>
<a data-bs-toggle="collapse" aria-label="Field 5" class="primary-link" rel="nofollow" href="#facility_21397 .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="Field 5" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Field 5</h2>
<div class='surface-type'>Artificial Turf</div>
<div class='d-none d-sm-block'>
<div class='sports'>Baseball, Softball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Field 5" href="/venues/dugout-temple/facilities/21397"><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='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_21398'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21398' data-time-slots-url='/venues/dugout-temple/facilities/21398/time_slots?date=2026-06-19'>
<a data-bs-toggle="collapse" aria-label="Field 6" class="primary-link" rel="nofollow" href="#facility_21398 .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="Field 6" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Field 6</h2>
<div class='surface-type'>Artificial Turf</div>
<div class='d-none d-sm-block'>
<div class='sports'>Baseball, Softball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Field 6" href="/venues/dugout-temple/facilities/21398"><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='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_21399'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21399' data-time-slots-url='/venues/dugout-temple/facilities/21399/time_slots?date=2026-06-19'>
<a data-bs-toggle="collapse" aria-label="Field 7" class="primary-link" rel="nofollow" href="#facility_21399 .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="Field 7" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Field 7</h2>
<div class='surface-type'>Artificial Turf</div>
<div class='d-none d-sm-block'>
<div class='sports'>Baseball, Softball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Field 7" href="/venues/dugout-temple/facilities/21399"><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='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_21400'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21400' data-time-slots-url='/venues/dugout-temple/facilities/21400/time_slots?date=2026-06-19'>
<a data-bs-toggle="collapse" aria-label="Cage 1" class="primary-link" rel="nofollow" href="#facility_21400 .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="Cage 1" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Cage 1</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Baseball, Softball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Cage 1" href="/venues/dugout-temple/facilities/21400"><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='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_21401'>
<div class='card'>
<div class='card-body truncate-fix' data-action='click-&gt;bookings--facility-step#toggle' data-id='21401' data-time-slots-url='/venues/dugout-temple/facilities/21401/time_slots?date=2026-06-19'>
<a data-bs-toggle="collapse" aria-label="Cage 2" class="primary-link" rel="nofollow" href="#facility_21401 .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="Cage 2" src="/assets/noimage-10b06b19924ffeece9de4cf0c50f90e532ef4d24e939d566dc6f2b01e6288503.jpg" />
</div>
<div class='flex-grow-1 truncate-fix'>
<h2 class='title'>Cage 2</h2>
<div class='surface-type'></div>
<div class='d-none d-sm-block'>
<div class='sports'>Baseball, Softball</div>
</div>
</div>
</div>
</div>
<a data-turbo="true" data-turbo-stream="true" class="info-link" rel="nofollow" aria-label="More info about Cage 2" href="/venues/dugout-temple/facilities/21401"><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='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>