aplicativo
Atualizado em
30/12/2025 15h29
rearp-migracao.html
— 46 KB
Conteúdo do arquivo
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!--FAVICON-->
<link rel="shortcut icon" href="./assets/img/favicon.ico" />
<!-- Fonte Rawline-->
<link rel="stylesheet"
href="https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/fonts/rawline/css/rawline.css" />
<!-- Fonte Raleway-->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900&display=swap" />
<!-- Fontawesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!--CSS GOVBR-->
<link rel="stylesheet" href="./govbr/core.min.css" />
<!--PROTEÇÃO CONTRA IMPRESSÃO - ESTILOS-->
<link rel="stylesheet" href="./assets/css/print-protection.css" />
<!--JS GOVBR-->
<script src="./govbr/core.min.js"></script>
<!--UTILS-->
<script src="./assets/js/utils.js"></script>
<!--PROTEÇÃO CONTRA IMPRESSÃO-->
<script src="./assets/js/print-protection.js"></script>
<!--GERAR DOCUMENTO OTIMIZADO-->
<script src="./assets/js/gerarDocumento-otimizado.js"></script>
<!--FUNCOES ESPECIFICAS DO NEGOCIO-->
<script src="./assets/js/negocio.js"></script>
<!--OPCOES DE PAISES-->
<script src="./assets/js/opcoes-paises.js"></script>
<!--HTML2CANVAS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"
integrity="sha512-BNaRQnYJYiPSqHHDb58B0yaPfCu+Wgds8Gp/gU33kqBtgNS4tSPHuGibyoeqMV/TJlSKda6FXzoEyYGjTe+vXA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!--JSPDF-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"
integrity="sha512-qZvrmS2ekKPF2mSznTQsxqPgnpkI4DNTlrdUmTzrDgektczlKNRRhy5X5AAOnx5S09ydFYWWNSfcEqDTTHgtNA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<style>
.fix {
top: 0px !important;
}
</style>
<title>Regime Especial de Atualização e Regularização Patrimonial (Rearp)</title>
</head>
<templates>
<!--TEMPLATE PARA AS TABELAS DE BENS PESSOA FISICA -->
<template id="template-bens-pf">
<tr>
<td class="p-2">
<!-- Primeira row: Tipo, Código e País -->
<div class="row mb-4">
<!--CODIGO-->
<div class="col-4">
<div class="br-select" data-select="codigo">
<div class="br-input">
<label for="codigo">Código</label>
<input id="codigo" type="text" name="codigo" placeholder="Selecione um código"/>
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger>
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="0">
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-01" name="codigo-radio" value="01 - Prédio residencial"/>
<label for="codigo-01">01 - Prédio residencial</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-02" name="codigo-radio" value="02 - Prédio comercial"/>
<label for="codigo-02">02 - Prédio comercial</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-03" name="codigo-radio" value="03 - Galpão"/>
<label for="codigo-03">03 - Galpão</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-11" name="codigo-radio" value="11 - Apartamento"/>
<label for="codigo-11">11 - Apartamento</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-12" name="codigo-radio" value="12 - Casa"/>
<label for="codigo-12">12 - Casa</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-13" name="codigo-radio" value="13 - Terreno"/>
<label for="codigo-13">13 - Terreno</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-14" name="codigo-radio" value="14 - Imóvel rural"/>
<label for="codigo-14">14 - Imóvel rural</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-15" name="codigo-radio" value="15 - Sala ou conjunto"/>
<label for="codigo-15">15 - Sala ou conjunto</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-16" name="codigo-radio" value="16 - Construção"/>
<label for="codigo-16">16 - Construção</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-17" name="codigo-radio" value="17 - Benfeitorias até 1998"/>
<label for="codigo-17">17 - Benfeitorias até 1998</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-18" name="codigo-radio" value="18 - Loja"/>
<label for="codigo-18">18 - Loja</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-19" name="codigo-radio" value="19 - Garagem Avulsa"/>
<label for="codigo-19">19 - Garagem Avulsa</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-99" name="codigo-radio" value="99 - Outros bens imóveis"/>
<label for="codigo-99">99 - Outros bens imóveis</label>
</div>
</div>
</div>
</div>
</div>
<!--PAIS-->
<div class="col-4">
<div class="br-select">
<div class="br-input">
<label for="pais">País</label>
<input id="pais" type="text" name="pais" placeholder="Selecione o país" readonly/>
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger>
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="0">
<!-- Opções serão carregadas dinamicamente -->
</div>
</div>
</div>
<!--CUSTO AQUISICAO-->
<div class="col-4">
<div class="br-input">
<label for="custo-aquisicao">Custo de aquisição (R$)</label>
<input id="custo-aquisicao" type="text" name="custo-aquisicao" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9,.]/g, '')">
</div>
</div>
</div>
<!-- Segunda row: Descrição -->
<div class="row">
<div class="col-12">
<div class="br-textarea">
<label for="descricao-bem">Descrição do bem</label>
<textarea id="descricao-bem" name="descricao-bem" rows="10" maxlength="1000"></textarea>
</div>
</div>
</div>
</td>
<!--AÇÕES-->
<td class="text-center p-2 acoes">
<button class="br-button" onclick="excluirLinha(this)">
<i class="fa fa-trash-alt"></i>
</button>
</td>
</tr>
</template>
<!--TEMPLATE PARA AS TABELAS DE BENS PESSOA JURIDICA-->
<template id="template-bens-pj">
<tr>
<td class="p-2">
<!-- Primeira row: Tipo, Código e País -->
<div class="row mb-4">
<!--CODIGO-->
<div class="col-4">
<div class="br-select" data-select="codigo">
<div class="br-input">
<label for="codigo-pj">Código</label>
<input id="codigo-pj" type="text" name="codigo-pj" placeholder="Selecione um código" readonly/>
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger>
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="0">
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-01" name="codigo-radio-pj" value="01 - Prédio residencial"/>
<label for="codigo-pj-01">01 - Prédio residencial</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-02" name="codigo-radio-pj" value="02 - Prédio comercial"/>
<label for="codigo-pj-02">02 - Prédio comercial</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-03" name="codigo-radio-pj" value="03 - Galpão"/>
<label for="codigo-pj-03">03 - Galpão</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-11" name="codigo-radio-pj" value="11 - Apartamento"/>
<label for="codigo-pj-11">11 - Apartamento</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-12" name="codigo-radio-pj" value="12 - Casa"/>
<label for="codigo-pj-12">12 - Casa</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-13" name="codigo-radio-pj" value="13 - Terreno"/>
<label for="codigo-pj-13">13 - Terreno</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-14" name="codigo-radio-pj" value="14 - Imóvel rural"/>
<label for="codigo-pj-14">14 - Imóvel rural</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-15" name="codigo-radio-pj" value="15 - Sala ou conjunto"/>
<label for="codigo-pj-15">15 - Sala ou conjunto</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-16" name="codigo-radio-pj" value="16 - Construção"/>
<label for="codigo-pj-16">16 - Construção</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-17" name="codigo-radio-pj" value="17 - Benfeitorias até 1998"/>
<label for="codigo-pj-17">17 - Benfeitorias até 1998</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-18" name="codigo-radio-pj" value="18 - Loja"/>
<label for="codigo-pj-18">18 - Loja</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-19" name="codigo-radio-pj" value="19 - Garagem Avulsa"/>
<label for="codigo-pj-19">19 - Garagem Avulsa</label>
</div>
</div>
<div class="br-item" tabindex="-1">
<div class="br-radio">
<input type="radio" id="codigo-pj-99" name="codigo-radio-pj" value="99 - Outros bens imóveis"/>
<label for="codigo-pj-99">99 - Outros bens imóveis</label>
</div>
</div>
</div>
</div>
</div>
<!--PAIS-->
<div class="col-4">
<div class="br-select">
<div class="br-input">
<label for="pais-pj">País</label>
<input id="pais-pj" type="text" name="pais-pj" placeholder="Selecione o país" readonly/>
<button class="br-button" type="button" aria-label="Exibir lista" tabindex="-1" data-trigger>
<i class="fas fa-angle-down" aria-hidden="true"></i>
</button>
</div>
<div class="br-list" tabindex="0">
<!-- Opções serão carregadas dinamicamente -->
</div>
</div>
</div>
<!--CUSTO AQUISICAO-->
<div class="col-4">
<div class="br-input">
<label for="custo-aquisicao-pj">Custo de aquisição (R$)</label>
<input id="custo-aquisicao-pj" type="text" name="custo-aquisicao-pj" inputmode="numeric" oninput="this.value = this.value.replace(/[^0-9,.]/g, '')">
</div>
</div>
</div>
<!-- Segunda row -->
<div class="row">
<div class="col-12">
<div class="br-textarea">
<label for="descricao-bem-pj">Descrição do bem</label>
<textarea id="descricao-bem-pj" name="descricao-bem-pj" rows="5" maxlength="1000"></textarea>
</div>
</div>
</div>
</td>
<!--AÇÕES-->
<td class="text-center p-2 acoes">
<button class="br-button" onclick="excluirLinha(this)">
<i class="fa fa-trash-alt"></i>
</button>
</td>
</tr>
</template>
</templates>
<body class="d-flex flex-column" style="background-color: #f8f8f8; min-height: 100vh">
<main class="flex-grow-1">
<!--HEADER GERAL DA PÁGINA -->
<section id="id-cabecalho" class="pagina1">
<header class="br-header">
<div class="container-lg">
<!--TOP (ÁREA DO LOGO) -->
<div class="header-top">
<div class="header-logo">
<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 374.7 134.9"
style="enable-background: new 0 0 374.7 134.9" xml:space="preserve">
<style type="text/css">
.st0 {
fill: #2864ae;
}
.st1 {
fill: #46ad44;
}
.st2 {
fill: #fabd10;
}
</style>
<path class="st0" d="M40.1,84.7c8.9,0,16-7.5,16-18.7c0-8.1-4.8-17.2-16-17.2
c-9.3,0-14.2,8.2-14.2,18.1C25.9,78.3,32.6,84.7,40.1,84.7z
M80.4,95.5c0,29.8-14.5,39.4-43.8,39.4c-12,0-21.9-2.5-27.7-4.6l1.3-19.8
c7.7,3.8,14.1,6,24.5,6c14.5,0,22.3-6.8,22.3-21.1v-3.9h-0.3c-6,8.5-14.4,12.4-24.4,12.4
C12.4,104,0,88.9,0,67.4c0-21.6,10.2-37.8,32.8-37.8c10.7,0,19.4,5.9,24.7,14.8h0.3V31.3h22.7
L80.4,95.5L80.4,95.5z" />
<polygon class="st1" points="181.6,103.9 209.5,103.9 235.8,31.7 211.4,31.7 196.6,83.1 196.3,83.1
181.6,31.7 155.3,31.7 " />
<path class="st2" d="M139,67.8c0-10.8-4.7-20.4-16.2-20.4c-11.5,0-16.2,9.6-16.2,20.4c0,10.7,4.7,20.2,16.2,20.2
C134.3,88,139,78.5,139,67.8z M80.8,67.8c0-24,18.1-37.8,42-37.8s42,13.9,42,37.8
c0,23.8-18.1,37.7-42,37.7C99,105.5,80.8,91.6,80.8,67.8z" />
<path class="st0" d="M238.6,93.7c0,6.5-5.3,11.8-11.8,11.8c-6.5,0-11.8-5.3-11.8-11.8c0-6.5,5.3-11.8,11.8-11.8
C233.3,81.8,238.6,87.1,238.6,93.7z" />
<path class="st0" d="M281,49.2c-9.1,0-15.2,8-15.2,18.8c0,10.5,6.9,18.4,15.2,18.4c9.4,0,15.1-7.9,15.1-19.4
C296.1,57.5,290.7,49.2,281,49.2z M240.9,0h25.1v41h0.3c6.4-8,14.8-10.9,24.8-10.9
c20,0,30.9,19,30.9,36.4c0,21.3-11.5,39.1-33,39.1c-11.5,0-21.6-6.5-24.8-14.6h-0.3v12.9h-23
L240.9,0L240.9,0z" />
<path class="st2" d="M373.4,51.7c-2.8-0.8-5.5-0.8-8.5-0.8c-11.6,0-18.1,8.4-18.1,22.6v30.5h-24.9V31.7h22.7V45h0.3
c4.3-9.1,10.5-15,21.3-15c2.9,0,6,0.4,8.5,0.8L373.4,51.7z" />
</svg>
</div>
</div>
<!--BOTTOM (ÁREA DO TÍTULO DO FORMULÁRIO)-->
<div class="header-bottom">
<!--MENU-->
<div class="header-menu">
<!--TITULOS-->
<div class="header-info">
<div class="header-title">
Aplicativo de Identificação dos Bens a Migrar
</div>
<div class="header-subtitle">
Regime Especial de Atualização e Regularização Patrimonial, Modalidade Atualização - Rearp Atualização (art. 8º da Lei nº 15.265/2025)
</div>
</div>
</div>
</div>
</div>
</header>
</section>
<!--ALERTA-->
<div class="container toPdf pagina1 my-5">
<p class="h4 text-danger">Atenção</p>
<p class="text-up-02">
Este Aplicativo deve ser utilizado exclusivamente para a indicação de bens imóveis a serem migrados da Declaração de Opção pela Atualização de Bens Imóveis – Dabim para o Rearp Atualização, conforme art. 8º da Lei nº 15.265/2025. Caso deseje indicar bens móveis e imóveis ao Rearp Atualização e calcular o tributo devido, utilize o Aplicativo de Apuração dos Tributos.
</p>
</div>
<!-- IDENTIFICACAO DO CONTRIBUINTE -->
<section id="secao-identificacao-contribuinte" class="container toPdf pagina1 my-5" name="identificacao_contribuinte">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Identificação do contribuinte</p>
</div>
<!-- INSTRUCAO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Você é contribuinte pessoa física ou pessoa jurídica?</p>
</div> -->
<!-- OPÇÕES DE RESPOSTA -->
<div class="row flex-column">
<div class="br-radio col">
<input id="pessoa-fisica" type="radio" name="tipo-contribuinte" value="pessoa-fisica"
onclick="reiniciarFormulario(this)" />
<label for="pessoa-fisica" class="text-up-02">Pessoa Física</label>
</div>
<div class="br-radio col">
<input id="pessoa-juridica" type="radio" name="tipo-contribuinte" value="pessoa-juridica"
onclick="reiniciarFormulario(this)" />
<label for="pessoa-juridica" class="text-up-02">Pessoa Jurídica</label>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarContribuinte(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
<!--DIVIDER-->
<div class="br-divider md my-3 row"></div>
</section>
<!--CONTRIBUINTE PESSOA FÍSICA-->
<section id="secao-pessoa-fisica" class="d-none container toPdf pagina1 my-5" name="pessoa_fisica">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Dados do contribuinte</p>
</div>
<!-- INSTRUCAO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Preencha seus dados</p>
</div> -->
<!-- FORMULÁRIO DE DADOS DO CONTRIBUINTE -->
<div class="row">
<div class="col-12 col-md-6">
<div class="br-input">
<label for="nome-completo">Nome completo</label>
<input id="nome-completo" type="text" name="nome-completo" maxlength="100" onchange="reiniciarFormulario(this)" />
</div>
</div>
<div class="col-12 col-md-6">
<div class="br-input">
<label for="cpf">CPF</label>
<input id="cpf" type="text" name="cpf" onchange="reiniciarFormulario(this)"/>
<span class="feedback danger d-none" role="alert" id="erro-cpf">
<i class="fas fa-times-circle" aria-hidden="true"></i>
<span>CPF inválido</span>
</span>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarPessoaFisica(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
</section>
<!--CONTRIBUINTE PESSOA JURIDICA-->
<section id="secao-pessoa-juridica" class="d-none container toPdf pagina1 my-5" name="pessoa_juridica">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Dados do contribuinte</p>
</div>
<!-- INSTRUCAO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Preencha seus dados</p>
</div> -->
<!-- FORMULÁRIO DE DADOS DO CONTRIBUINTE -->
<div class="row">
<div class="col-12 col-md-6">
<div class="br-input">
<label for="nome-empresa">Nome empresarial</label>
<input id="nome-empresa" type="text" name="nome-empresa" maxlength="100" onchange="reiniciarFormulario(this)" />
</div>
</div>
<div class="col-12 col-md-6">
<div class="br-input">
<label for="cnpj">CNPJ</label>
<input id="cnpj" type="text" name="cnpj" onchange="reiniciarFormulario(this)" />
<span class="feedback danger d-none" role="alert" id="erro-cnpj">
<i class="fas fa-times-circle" aria-hidden="true"></i>
<span>CNPJ inválido</span>
</span>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarPessoaJuridica(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
</section>
<!--METODO DE INSERCAO DE BENS PESSOA FISICA-->
<section id='secao-metodo-inclusao' class="d-none container toPdf pagina2 my-5" name="metodo_inclusao">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Forma de inclusão dos bens</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Como você deseja inserir os bens para migração?</p>
</div> -->
<!-- OPÇÕES DE RESPOSTA -->
<div class="row flex-column">
<div class="br-radio col">
<input id="inclusao-manual" type="radio" name="metodo-inclusao" value="inclusao-manual"
onclick="reiniciarFormulario(this)" />
<label for="inclusao-manual" class="text-up-02">Inclusão manual</label>
</div>
<div class="br-radio col">
<input id="importacao-arquivo" type="radio" name="metodo-inclusao" value="importacao-arquivo"
onclick="reiniciarFormulario(this)" />
<label for="importacao-arquivo" class="text-up-02">Importação de arquivo</label>
</div>
</div>
<!--UPLOAD DE ARQUIVO DEC-->
<div id="div-upload-arquivo" class="row my-5 d-none">
<div class="col-12 col-md-6">
<div class="br-upload">
<label class="upload-label" for="upload-arquivo">Selecione o arquivo para importação</label>
<input class="upload-input" id="upload-arquivo" type="file" aria-label="enviar arquivo"
name="upload-arquivo" accept=".dec"/>
<div class="upload-list"></div>
<div class="text-base"></div>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarMetodoInclusao(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
</section>
<!-- INCLUSAO DE BENS PESSOA FISICA-->
<section id="secao-inclusao-de-bens-pf" class="container toPdf pagina3 my-5 d-none" name="inclusao_de_bens-pf">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Identificação dos bens a migrar</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Insira os bens que deseja migrar</p>
</div> -->
<!--TABELA-->
<div class="row">
<div class="col-12">
<div class="br-table">
<table name="Tabela de inclusão de bens - Pessoa Física">
<caption>Tabela de inclusão de bens pessoa física</caption>
<!--CORPO DA TABELA-->
<tbody id="tabelaInclusaoBensPF"></tbody>
<!-- A tabela será preenchida dinamicamente com JavaScript -->
</table>
</div>
</div>
<!--BOTAO INCLUIR NOVO BEM -->
<div class="col-12 my-5 text-center">
<div>
<button onclick="incluirLinha(this,'template-bens-pf'), reiniciarFormulario(this)" class="br-button secondary">
Incluir novo bem
</button>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarBensPF(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
<!--DIVIDER-->
<div class="br-divider md my-3 row"></div>
</section>
<!-- INCLUSAO DE BENS PESSOA JURIDICA-->
<section id="secao-inclusao-de-bens-pj" class="container toPdf pagina3 my-5 d-none" name="inclusao_de_bens-pj">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Identificação dos bens a migrar</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Insira os bens que deseja migrar</p>
</div> -->
<!--TABELA-->
<div class="row">
<div class="col-12">
<div class="br-table">
<table name="Tabela de inclusão de bens - Pessoa Física">
<caption>Tabela de inclusão de bens pessoa jurídica</caption>
<!--CORPO DA TABELA-->
<tbody id="tabelaInclusaoBensPJ"></tbody>
<!-- A tabela será preenchida dinamicamente com JavaScript -->
</table>
</div>
</div>
<!--BOTAO INCLUIR LINHA -->
<div class="col-12 my-5 text-center">
<div>
<button onclick="incluirLinha(this,'template-bens-pj'), reiniciarFormulario(this)" class="br-button secondary">
Incluir novo bem
</button>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="confirmarBensPJ(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
<!--DIVIDER-->
<div class="br-divider md my-3 row"></div>
</section>
<!--APURACAO DOS BENS PESSOA FISICA-->
<section id="secao-apuracao-bens-pf" class="container toPdf pagina4 my-5 d-none" name="apuracao_tributos_pf">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Demonstrativo de bens a migrar</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Confira os bens informados para migração da Dabim para o Rearp</p>
</div> -->
<!-- TABELA DE APURAÇÃO DOS BENS PESSOA FÍSICA -->
<div class="row">
<div class="col-12">
<div class="br-table">
<table name="Tabela de apuração dos tributos pessoa física">
<caption>Tabela de apuração dos bens pessoa física</caption>
<!--CABECALHO-->
<thead>
<tr>
<th></th>
<th>Bens</th>
<th>Custo de aquisição (R$)</th>
</tr>
</thead>
<!--CORPO DA TABELA-->
<tbody id="tabelaApuracaoBensPF"></tbody>
<!-- A tabela será preenchida dinamicamente com JavaScript -->
</table>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="avancarApuracao(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
<!--DIVIDER-->
<div class="br-divider md my-3 row"></div>
</section>
<!--APURACAO DOS BENS PESSOA JURIDICA-->
<section id="secao-apuracao-bens-pj" class="container toPdf pagina4 my-5 d-none" name="apuracao_tributos_pj">
<!-- TÍTULO -->
<div class="row">
<p class="col h1 mb-5">Demonstrativo de bens a migrar</p>
</div>
<!-- INSTRUÇÃO -->
<!-- <div class="row">
<p class="col mb-3 text-up-03">Confira os bens informados para migração da Dabim para o Rearp</p>
</div> -->
<!-- TABELA DE APURAÇÃO DOS BENS PESSOA JURÍDICA -->
<div class="row">
<div class="col-12">
<div class="br-table">
<table name="Tabela de apuração dos tributos pessoa jurídica">
<caption>Tabela de apuração dos bens pessoa jurídica</caption>
<!--CABECALHO-->
<thead>
<tr>
<th></th>
<th>Bens</th>
<th>Custo de aquisição (R$)</th>
</tr>
</thead>
<!--CORPO DA TABELA-->
<tbody id="tabelaApuracaoBensPJ"></tbody>
<!-- A tabela será preenchida dinamicamente com JavaScript -->
</table>
</div>
</div>
</div>
<!-- BOTÃO AVANÇAR -->
<div class="row my-5">
<div class="col-12 text-center">
<div class="p-3">
<button class="br-button primary mr-3" type="button" onclick="avancarApuracao(this)">
<span>Avançar</span>
</button>
</div>
</div>
</div>
<!--DIVIDER-->
<div class="br-divider md my-3 row"></div>
</section>
<!--BOTÃO GERAR DOCUMENTO-->
<section id="secao-gerar-documento" class="container mb-5 d-none" name="gerar_documento">
<div class="row justify-content-between">
<div class="col text-center my-3">
<button id="btn-gerar-documento" onclick="confirmarGeracaoDocumento()" class="br-button primary mr-3">
Gerar Demonstrativo de Bens a Migrar
</button>
</div>
</div>
</section>
<!-- MODAL -->
<div class="br-scrim-util foco" id="modal-scrim" data-scrim="true">
<div class="div br-modal medium" id="id-modal-generico" aria-modal="true" role="dialog"
aria-labelledby="modal-generico">
<!--HEADER-->
<div class="br-modal-header">
<div class="modal-title" id="id-modal-generico-titulo">
Atenção
</div>
<button class="br-button close circle" type="button" data-dismiss="true" aria-label="Fechar">
<i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
<!--BODY-->
<div class="br-modal-body">
<p id="id-elemento-mensagem"></p>
</div>
<!--FOOTER-->
<div class="br-modal-footer justify-content-end">
<button id="id-entendi" class="br-button primary" type="button" data-dismiss="true">
Entendi
</button>
<button id="id-nao" class="br-button secondary mr-2 d-none" type="button" data-dismiss="true">
Não
</button>
<button id="id-sim" class="br-button primary d-none" type="button" data-dismiss="modal-scrim">
Sim
</button>
</div>
</div>
</div>
<!-- MODAL LOADING -->
<div class="br-scrim-util foco d-none" id="modal-loading" data-scrim="true">
<div class="div br-modal small" aria-modal="true" role="dialog">
<div class="br-modal-body text-center py-4">
<div class="br-loading mb-3"></div>
<p class="mb-0">Gerando documento PDF...</p>
<p class="text-muted">Por favor, aguarde.</p>
</div>
</div>
</div>
</main>
<!--FOOTER-->
<section id="id-rodape" class="mt-5xh">
<footer role="contentinfo" aria-label="Footer" class="br-footer">
<div class="container">
<div class="logo text-sm-left">
<img alt="govbr" src="assets/img/logo_govbr_branco.png" />
</div>
<section aria-label="Redes Sociais" class="d-sm-block secondary-info">
<div class="row align-items-end justify-content-between py-5">
<div role="list" class="col assigns text-right">
<span class="sr-only">Parceiros</span>
<a role="listitem" target="_blank" class="ml-4 partner"
href="https://www.gov.br/receitafederal/pt-br" aria-label="Receita Federal">
<img alt="receitafederal" src="assets/img/logo_rfb_branco.png" />
</a>
<!-- <a role="listitem" target="_blank" class="ml-4 partner"
href="https://www.gov.br/empresas-e-negocios/pt-br/redesim"
aria-label="Empresas & Negócios">
<img alt="redesim" src="assets/img/logo_redesim_branco.svg">
</a> -->
<a role="listitem" target="_blank" class="ml-4 partner"
href="https://www.gov.br/acessoainformacao/pt-br" aria-label="Acesso à Informação">
<img alt="acessoainformacao" src="assets/img/logo_acesso_informacao.png" />
</a>
</div>
</div>
</section>
</div>
<section aria-label="Informações Legais" class="container-fluid">
<span class="br-divider my-3"></span>
<div class="info">
<div class="text-down-01 text-medium">
Versão 1.0.0 - Termo de uso e Política de
Privacidade
<div class="text-down-01 text-medium pb-3">
<a href="https://www.gov.br/ds/home">
Padrão Digital de Governo Design System
Versão 3.6.2
</a>
</div>
</div>
</div>
</section>
</footer>
</section>
</body>
<script>
function instanciarSelects() {
const selectList = []
const notFoundElement = `
<div class="br-item not-found">
<div class="container">
<div class="row">
<div class="col">
<p><strong>Ops!</strong> Não encontramos o que você está procurando!</p>
</div>
</div>
</div>
</div>
`
for (const brSelect of window.document.querySelectorAll('.br-select')) {
const brselect = new core.BRSelect('br-select', brSelect, notFoundElement)
brSelect.addEventListener('onChange', function (e) {})
selectList.push(brselect)
}
return selectList;
}
</script>
</html>