<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/vetement/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="2e8e45fb440b8.TGyeA1_OmSgBQ1zXgOdq1ktBFVY_9OXiDQJQemxrIk4.YTWzbj6ZrFprNT-F74AOtAQbdB9Uw4SwbFIDFigdTDwaWdw6PYbBcTE1Kw">
                <p class="modal__subtitle">
                    Choisir une image pour vetement.
                </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/vetement/01-402c8182.png" checked>
                            <span>
                                <img src="/images/upload/clothes/vetement/01-402c8182.png" alt="vetement image 1">
                            </span>
                        </label>
                                            <label class="clothe-image-picker__item">
                            <input type="radio" name="selected_image" value="/images/upload/clothes/vetement/02-2ef93021.png" >
                            <span>
                                <img src="/images/upload/clothes/vetement/02-2ef93021.png" alt="vetement 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>