<turbo-stream action="update" target="modal-root"><template><div class="modal-backdrop">
    <dialog class="modal" open aria-labelledby="category-edit-modal-title">
        <form method="post" action="/clothes/categories/3" enctype="multipart/form-data" data-turbo="false">
            <header class="modal__header">
                <h2 id="category-edit-modal-title">Modifier la categorie</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="6e9a.wzUeP3zWXgnYHJrfUdrf_hWWTmt2x4-CCoFsi3TRD18.mgQrdxiHFV65eeqHE-ustHfeeREevubSVegoswaUNzb3QFh4OIAtO61z1w">

                <label class="category-form__field">
                    <span>Nom</span>
                    <input type="text" name="name" value="JUPES" required maxlength="50">
                </label>

                <label class="category-form__field">
                    <span>Description courte</span>
                    <textarea name="metaDescription" maxlength="120" rows="3">Bas de vêtements</textarea>
                </label>

                <label class="category-form__field">
                    <span>Remplacer l'image d'illustration PNG, JPEG ou SVG</span>
                    <input type="file" name="illustration" accept=".png,.jpg,.jpeg,.svg,image/png,image/jpeg,image/svg+xml">
                </label>

                            </div>

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