<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-marron/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">Océane &quot;marron&quot;</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="873.ArIS9sRgmP_2wk936EwAtjGF_p4l_jBnZdDbe-6JtHM.YPkhoJ4ywqeViRwnsRw1_QH0lO9zuVxeVv2eP6_vxSd1wEq_gyyhmIS1Ag">

                <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/oceane-marron/01-2ce9fc8d.jpg">
                            <img src="/images/upload/clothes/oceane-marron/01-2ce9fc8d.jpg" alt="Océane &quot;marron&quot; 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>
                                            <article class="clothe-image-order__item" data-clothe-images-modal-target="item">
                            <input type="hidden" name="images[]" value="/images/upload/clothes/oceane-marron/02-814da5cc.jpg">
                            <img src="/images/upload/clothes/oceane-marron/02-814da5cc.jpg" alt="Océane &quot;marron&quot; image 2">
                            <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>