<turbo-stream action="replace" target="photo-modal"><template><div aria-hidden="true" aria-labelledby="photoModalLabel" class="modal modal-lg fade" id="photo-modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
Tom&#39;s Segbot
<button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button>
</div>
<div class="modal-body">
<div class="carousel slide" data-bs-ride="carousel" id="galleryControls">
<div class="carousel-inner">
<div class="carousel-item active">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzAsInB1ciI6ImJsb2JfaWQifX0=--18030a2f0eea572cbae850cb634cba27cea895a5/DSC03532.JPG" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzEsInB1ciI6ImJsb2JfaWQifX0=--238a250e774a96c6e6eb11f8e91a781e5ebb97b1/DSC03538.JPG" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavid400.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NzIsInB1ciI6ImJsb2JfaWQifX0=--d6dfd2f428d51a31e96b81d81c67b66610cfebac/DSC03540.JPG" />
</div>
</div>
<button class="carousel-control-prev" data-bs-slide="prev" data-bs-target="#galleryControls" type="button">
<span aria-hidden="true" class="carousel-control-prev-icon"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" data-bs-slide="next" data-bs-target="#galleryControls" type="button">
<span aria-hidden="true" class="carousel-control-next-icon"></span>
<span class="visually-hidden">Next</span>
</button>
</div>

</div>
</div>
</div>
</div>
<script>
  var photoModal = new bootstrap.Modal(document.getElementById('photo-modal'));
  photoModal.show();
</script>
</template></turbo-stream>
