<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">
Infrared Control
<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://johndavidwarren.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTEsInB1ciI6ImJsb2JfaWQifX0=--115ae8968519a94a96fb2603bd52238b024f2d0b/makeblock_sm.jpg" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavidwarren.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTIsInB1ciI6ImJsb2JfaWQifX0=--50b2cd4e8875cbbe257e172805f9a428e05b76bb/ir_detector.png" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavidwarren.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTMsInB1ciI6ImJsb2JfaWQifX0=--8368c692102789fab1eb6661ab18edaa27a41084/ir_heli_remote.jpg" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavidwarren.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTQsInB1ciI6ImJsb2JfaWQifX0=--d192760d957d17e6c57f9ec0ded57c07f6d4a5ca/ir_robot.jpg" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavidwarren.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTUsInB1ciI6ImJsb2JfaWQifX0=--a3adaee8d86a358d8f2c886817920f26ee165673/arduino.jpg" />
</div>
<div class="carousel-item">
<img height="640" class="object-fit-contain w-100" src="https://johndavidwarren.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NTYsInB1ciI6ImJsb2JfaWQifX0=--52498f70c9317ad0cf64df44783f4f028e4823af/MotorShield_R3.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>
