<section class="modal no-close" id="modalNovoRecado">
    <div class="inner-modal editar-dados">
        <div class="box">
            <div class="head-box sticky">
                <h3 class="title">Cadastrar recado</h3>
                <p class="">Preencha os campos abaixo para cadastrar um novo recado.</p>
                <div class="close" id="fechaModalNovoRecado">
                    <span class="material-icons-round">close</span>
                </div>
            </div>
            <form class="form" id="formNovoRecado" enctype="multipart/form-data" method="post" action="./controller/cadastra_recado.php">
                <div class="fields">
                    <div class="row col">
                        <div class="input-content">
                            <input 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 type="hidden" id="callback_recado" name="recado">
                        </div>
                    </div>
                </div>
                <div class="divider light"></div>
                <p class="titulo mb-3">Anexos</p>
                <div class="fields">
                    <div class="row cols2">
                        <div class="input-content">
                            <input type="text" name="link" id="field_link" class="input">
                            <label for="field_link">Link</label>
                        </div>
                    </div>
                    <div class="row cols2">
                        <div class="upload-content">
                            <p class="mb-1">Imagem</p>
                            <div class="flex column flex-upload">
                                <label for="field_imagem" class="label-upload botao">
                                    <input hidden type="file" name="imagem" id="field_imagem" accept="image/*">
                                    <div class="icon"><span class="material-icons-round">upload</span></div>
                                    <div class="text">Selecionar imagem</div>
                                </label>
                                <div class="logo-preview">
                                    <div class="flex gap-sm column">
                                        <div class="img">
                                            <img src="" alt="Imagem">
                                        </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 class="upload-content">
                            <p class="mb-1">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>
                <input type="hidden" id="ec_recado" name="estabelecimento">
                <div class="row-botao sticky">
                    <button disabled type="submit" class="botao primary botao-submit" id="btnCadastraRecado">
                        <!-- <div class="icon"><span class="material-icons-round">check</span></div> -->
                        <span class="text">Cadastrar</span>
                        <span class="load" id="loadSubmit"></span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</section>