<section class="modal no-close" id="modalNovoUsuario">
    <div class="inner-modal editar-dados">
        <div class="box">
            <div class="head-box sticky">
                <h3 class="title">Cadastrar usuário</h3>
                <p class="">Preencha os campos abaixo para cadastrar um novo usuário.</p>
                <div class="close" id="fechaModalNovoUsuario">
                    <span class="material-icons-round">close</span>
                </div>
            </div>
            <form class="form" id="formNovoUsuario" enctype="multipart/form-data" method="post" action="./controller/cadastra_usuario.php">
                <p class="titulo mb-3">Dados de registro</p>
                <div class="fields">
                    <div class="row cols2">
                        <div class="input-content">
                            <input required type="text" name="nome" id="field_nome" class="input">
                            <label for="field_nome">Nome</label>
                        </div>
                    </div>
                    <div class="row cols2">
                        <div class="input-content">
                            <input required type="text" name="cpf" id="field_cpf" class="input mask-cpf field-cpf">
                            <label for="field_cpf">CPF</label>
                        </div>
                        <div class="input-content">
                            <input type="text" name="data_nascimento" id="field_data_nascimento" class="input mask-date field-data">
                            <label for="field_data_nascimento">Data de nascimento</label>
                        </div>
                    </div>
                    <div class="row cols2">
                        <div class="input-content">
                            <input required type="text" name="celular" id="field_celular" class="input mask-phone field-celular">
                            <label for="field_celular">Celular</label>
                        </div>
                    </div>
                    <div class="row cols2">
                        <div class="input-content">
                            <input required type="email" name="email" id="field_email" class="input field-email">
                            <label for="field_email">E-mail</label>
                        </div>
                        <div class="input-content">
                            <input required type="text" name="username" id="field_username" class="input">
                            <label for="field_username">Nome de usuário</label>
                        </div>
                    </div>
                    <input type="hidden" id="ec_usuario" name="estabelecimento">
                </div>
                <div class="divider last-divider"></div>
                <div class="fields fields-admin">
                    <div class="row cols2">
                        <div class="input-content">
                            <select name="perfil" id="field_perfil" class="select wide input-active">
                                <option value="2">Credenciado</option>
                                <option value="1">Administrador</option>
                                <option value="3">Usuário</option>
                            </select>
                            <label for="field_perfil">Perfil</label>
                        </div>
                        <div class="input-content">
                            <div class="load load-select" id="loadInputEC"></div>
                            <select name="ec_usuario" id="field_estabelecimento" class="select wide list-top list-h138"></select>
                            <label for="field_estabelecimento">Estabelecimento</label>
                        </div>
                    </div>
                </div>
                <div class="divider"></div>
                <div class="fields">
                    <div class="card analise flex small border">
                        <div class="icone">
                            <span class="material-icons-round">info</span>
                        </div>
                        <div class="conteudo">
                            <p class="descricao">Depois de cadastrado, o usuário receberá um link em seu email para criação da senha de acesso. O status do usuário ficará como pendente até que seja ativo/inativo pela opção "Alterar status".</p>
                        </div>
                    </div>
                </div>
                <div class="row-botao sticky">
                    <button disabled type="submit" class="botao primary botao-submit" id="btnCadastraUsuario">
                        <span class="text">Cadastrar</span>
                        <span class="load" id="loadSubmit"></span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</section>