<turbo-stream action="update" target="modal-root"><template><div class="modal-backdrop">
    <dialog class="modal" open aria-labelledby="clothe-highlight-image-modal-title">
        <form method="post" action="/clothes/ocean-muse-marron/highlight-image/carousel" enctype="multipart/form-data" data-turbo="false">
            <header class="modal__header">
                <h2 id="clothe-highlight-image-modal-title">Image carrousel</h2>
                <button type="button" class="modal__close" onclick="this.closest('.modal-backdrop').remove()" aria-label="Fermer">
                    ×
                </button>
            </header>

            <div class="modal__body">
                <input type="hidden" name="_csrf_token" value="896432c93c36fc7a47da09b.VsdLAZEV-spSAl1RKZ9X1TVmsIa_8I1mHtQ3QioOhMI.NL4qOc5ntL0VNg4iR9x65gwD2bTJo78WX4tfGE5m7YwT_iljpGSrjiJbGA">
                <p class="modal__subtitle">
                    Choisir une image pour Océane &quot;marron&quot;.
                </p>

                <fieldset class="clothe-image-picker">
                    <legend>Images du vetement</legend>
                                            <label class="clothe-image-picker__item">
                            <input type="radio" name="selected_image" value="/images/upload/clothes/oceane-marron/01-2ce9fc8d.jpg" checked>
                            <span>
                                <img src="/images/upload/clothes/oceane-marron/01-2ce9fc8d.jpg" alt="Océane &quot;marron&quot; image 1">
                            </span>
                        </label>
                                            <label class="clothe-image-picker__item">
                            <input type="radio" name="selected_image" value="/images/upload/clothes/oceane-marron/02-814da5cc.jpg" >
                            <span>
                                <img src="/images/upload/clothes/oceane-marron/02-814da5cc.jpg" alt="Océane &quot;marron&quot; image 2">
                            </span>
                        </label>
                                    </fieldset>

                <label class="clothe-image-upload">
                    <span>Ou ajouter une image depuis l'ordinateur</span>
                    <input type="file" name="uploaded_image" accept="image/*">
                </label>
                <input type="hidden" name="slot" value="carousel">
            </div>

            <footer class="modal__actions">
                <button type="button" class="clothe-show__button" onclick="this.closest('.modal-backdrop').remove()">
                    Annuler
                </button>
                <button type="submit" class="clothe-show__button clothe-show__button--primary">
                    Valider
                </button>
            </footer>
        </form>
    </dialog>
</div>
</template></turbo-stream>