<turbo-stream action="update" target="modal-root"><template><div class="modal-backdrop">
    <dialog class="modal" open aria-labelledby="clothe-sizes-modal-title">
        <form
            method="post"
            action="/clothes/ocean-muse-bleu/sizes"
            data-turbo="false"
            data-controller="clothe-size-modal"
            data-action="submit->clothe-size-modal#confirmRemovedSizes"
        >
            <header class="modal__header">
                <h2 id="clothe-sizes-modal-title">Modifier les tailles</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="079d3d8851fa248d84c8b.dDmWzGI6eMTgv1HNUk5RGOIvF71vevINlAJvmu5L-A4.IUvUqBFeMp6vygKqPwIkcokdYtMWCsdb1nAIzth9u1kOC931ClESgbTUCA">

                <fieldset class="size-tags">
                    <legend>Tailles disponibles</legend>
                                            <label class="size-tag">
                            <input
                                type="checkbox"
                                name="sizes[]"
                                value="XS"
                                                                data-clothe-size-modal-target="size"
                                data-existing="0"
                            >
                            <span>XS</span>
                        </label>
                                            <label class="size-tag">
                            <input
                                type="checkbox"
                                name="sizes[]"
                                value="S"
                                checked                                data-clothe-size-modal-target="size"
                                data-existing="1"
                            >
                            <span>S</span>
                        </label>
                                            <label class="size-tag">
                            <input
                                type="checkbox"
                                name="sizes[]"
                                value="M"
                                checked                                data-clothe-size-modal-target="size"
                                data-existing="1"
                            >
                            <span>M</span>
                        </label>
                                            <label class="size-tag">
                            <input
                                type="checkbox"
                                name="sizes[]"
                                value="L"
                                checked                                data-clothe-size-modal-target="size"
                                data-existing="1"
                            >
                            <span>L</span>
                        </label>
                                            <label class="size-tag">
                            <input
                                type="checkbox"
                                name="sizes[]"
                                value="XL"
                                                                data-clothe-size-modal-target="size"
                                data-existing="0"
                            >
                            <span>XL</span>
                        </label>
                                            <label class="size-tag">
                            <input
                                type="checkbox"
                                name="sizes[]"
                                value="2XL"
                                                                data-clothe-size-modal-target="size"
                                data-existing="0"
                            >
                            <span>2XL</span>
                        </label>
                                            <label class="size-tag">
                            <input
                                type="checkbox"
                                name="sizes[]"
                                value="3XL"
                                                                data-clothe-size-modal-target="size"
                                data-existing="0"
                            >
                            <span>3XL</span>
                        </label>
                                            <label class="size-tag">
                            <input
                                type="checkbox"
                                name="sizes[]"
                                value="4XL"
                                                                data-clothe-size-modal-target="size"
                                data-existing="0"
                            >
                            <span>4XL</span>
                        </label>
                                    </fieldset>
                <div data-clothe-size-modal-target="confirmContainer"></div>
            </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>