<turbo-stream action="update" target="modal-root"><template><div class="modal-backdrop">
    <dialog class="modal modal--wide" open aria-labelledby="clothe-images-modal-title">
        <form
            method="post"
            action="/clothes/ocean-muse-vgvfcvgf/images"
            enctype="multipart/form-data"
            data-turbo="false"
            data-controller="clothe-images-modal"
        >
            <header class="modal__header">
                <div>
                    <h2 id="clothe-images-modal-title">Images du vetement</h2>
                    <p class="modal__subtitle">lokoohhhhhhhhnnh</p>
                </div>
                <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="8f14272ff.COCmy5ymkM9bHueB4p4Z9KQEN_ZEuxTWDS40P4pNmUM.JbDs_ejT_P8VS7bKhrNNkOdqXMYtjmyMRXhlc8As2zRZ1pb70Jb-mCh7kA">

                <div class="clothe-image-order" data-clothe-images-modal-target="list">
                                            <article class="clothe-image-order__item" data-clothe-images-modal-target="item">
                            <input type="hidden" name="images[]" value="/images/upload/clothes/lokoohhhhhhhhnnh/01-043afb2c.jpg">
                            <img src="/images/upload/clothes/lokoohhhhhhhhnnh/01-043afb2c.jpg" alt="lokoohhhhhhhhnnh image 1">
                            <div class="clothe-image-order__actions">
                                <button type="button" data-action="click->clothe-images-modal#moveUp">Monter</button>
                                <button type="button" data-action="click->clothe-images-modal#moveDown">Descendre</button>
                                <button type="button" data-action="click->clothe-images-modal#remove">Retirer</button>
                            </div>
                        </article>
                                    </div>

                <label class="clothe-image-upload">
                    <span>Ajouter des images</span>
                    <input type="file" name="uploaded_images[]" accept=".jpg,.jpeg,.png,image/jpeg,image/png" multiple>
                </label>
            </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">
                    Enregistrer
                </button>
            </footer>
        </form>
    </dialog>
</div>
</template></turbo-stream>