<section class="modal no-close" id="modalNovoTermo">
    <div class="inner-modal editar-dados">
        <div class="box">
            <div class="head-box sticky">
                <h3 class="title">Cadastrar termo</h3>
                <p class="">Preencha os campos abaixo para cadastrar um novo termo ou política.</p>
                <div class="close" id="fechaModalNovoTermo">
                    <span class="material-icons-round">close</span>
                </div>
            </div>
            <form class="form" id="formNovoTermo" enctype="multipart/form-data" method="post">
                <div class="fields">
                    <div class="row cols2">
                        <div class="input-content">
                            <input required type="text" name="titulo" id="field_titulo" class="input">
                            <label for="field_titulo">Título</label>
                        </div>
                    </div>
                    <div class="row col">
                        <div class="content">
                            <div class="editor"></div>
                            <input required type="hidden" id="callback_termo" name="termo">
                        </div>
                    </div>
                    <!-- <div class="row cols2">
                        <div class="input-content select-content">
                            <input type="text" name="categoria" id="field_categoria" class="input field-default select-box icon-right" autocomplete="off">
                            <label for="field_categoria">Categoria</label>
                            <div class="icon right">
                                <span class="material-icons-round">expand_more</span>
                            </div>
                            <div class="lista options full shadow">
                                <ul class="linhas" id="linhasCategoriaTermo"></ul>
                            </div>
                        </div>
                    </div> -->
                    <div class="row">
                        <div class="upload-content">
                            <p class="mb-1">Anexar arquivo</p>
                            <div class="flex column flex-upload">
                                <label for="field_arquivo" class="label-upload botao">
                                    <input hidden type="file" name="arquivo" id="field_arquivo">
                                    <div class="icon"><span class="material-icons-round">upload</span></div>
                                    <div class="text">Selecionar arquivo</div>
                                </label>
                                <div class="logo-preview">
                                    <div class="flex gap-sm filename">
                                        <div class="icon"><span class="material-icons-round">description</span></div>
                                        <div class="path"></div>
                                    </div>
                                    <div class="botao icone delete red small">
                                        <div class="icon">
                                            <span class="material-icons-round">delete</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-botao sticky">
                    <button disabled type="submit" class="botao primary botao-submit" id="btnCadastraTermo">
                        <span class="text">Cadastrar</span>
                        <span class="load" id="loadSubmit"></span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</section>