testeenchente.doardigital.com.br Open in urlscan Pro
5.161.236.102 Public Scan

Back to summary

URL:
https://testeenchente.doardigital.com.br/
Submission: On October 05 via api (October 5th 2024, 12:01:39 pm UTC) from US — Scanned from DE

Form analysis
1 forms found in the DOM

POST https://testeenchente.doardigital.com.br/checkoutDoar

<form autocomplete="off" id="doacao" action="https://testeenchente.doardigital.com.br/checkoutDoar" method="post">
  <div class="card-body">
    <script>
      const checkoutType = normal;
    </script>
    <!-- CABEÇALHO -->
    <div class="cabecalho">
      <div class="d-flex flex-column align-items-center mb-1">
        <h3>Faça uma Doação</h3>
        <p class="mb-4">Sua Doação é um Gesto de Amor!</p>
      </div>
      <button type="button" style="display: none;" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#error-modal">Error</button>
    </div>
    <!-- TIPO (UNICO / MENSAL) -->
    <div id="tipo">
      <!-- Radio Buttons -->
      <p class="">Selecione tipo da Doação</p>
      <div class="btn-group" role="group" aria-label="Basic radio toggle button group">
        <input type="radio" class="btn-check" name="type" id="type2" value="0" checked="">
        <label class="btn btn-outline-secondary w-lg material-shadow-none" for="type2">Único</label>
      </div>
    </div>
    <!-- PLANOS -->
    <div id="planos">
      <p class="mt-3">Selecione valor da Doação</p>
      <!-- Radio Buttons -->
      <input type="radio" class="btn-check" name="plan" id="974" value="200.00" checked="">
      <label class="btn btn-outline-secondary material-shadow-none" for="974">R$ 200,00</label>
      <input type="radio" class="btn-check" name="plan" id="973" value="100.00">
      <label class="btn btn-outline-secondary material-shadow-none" for="973">R$ 100,00</label>
      <input type="radio" class="btn-check" name="plan" id="972" value="75.00">
      <label class="btn btn-outline-secondary material-shadow-none" for="972">R$ 75,00</label>
      <input type="radio" class="btn-check" name="plan" id="971" value="50.00">
      <label class="btn btn-outline-secondary material-shadow-none" for="971">R$ 50,00</label>
      <input type="radio" class="btn-check" name="plan" id="970" value="25.00">
      <label class="btn btn-outline-secondary material-shadow-none" for="970">R$ 25,00</label>
      <div class="col-lg-8" style="display: none" id="outroValorContainer">
        <div class="form-floating">
          <input type="text" class="form-control" id="outroValor" name="outroValor" placeholder="outroValor" value="">
          <label for="outroValor">Outro Valor*</label>
          <span id="error-outroValor" style="color: red; display: none">Informe um valor a partir de R$10.</span>
        </div>
      </div>
      <br><br>
    </div>
    <!-- DADOS -->
    <div id="dados">
      <div class="row g-3">
        <input type="hidden" name="cross-site" value="aa3ac94744e5fbc182d5fb2413024b345f08a12744b1e27e17a26f27ae325497"> <input type="hidden" name="domainCheckout" value="testeenchente.doardigital.com.br">
        <input type="hidden" name="idCheckout" value="176">
        <input type="hidden" id="idCustomer" name="idCustomer" value="">
        <input type="hidden" id="idTenant" name="idTenant" value="CAM_3231697">
        <input type="hidden" id="idAdmin" name="idAdmin" value="">
        <input type="hidden" name="nameTenant" value="teste enchente">
        <input type="hidden" name="groupTenant"
          value="[&quot;INS_3215356&quot;, &quot;FIL_9069753&quot;, &quot;FIL_4371257&quot;, &quot;FIL_9605068&quot;, &quot;FIL_1731384&quot;, &quot;FIL_7092040&quot;, &quot;FIL_3793219&quot;, &quot;FIL_7101259&quot;, &quot;FIL_3892946&quot;, &quot;FIL_9870415&quot;, &quot;FIL_1819941&quot;, &quot;FIL_8171521&quot;, &quot;CAM_1267119&quot;, &quot;CAM_3231697&quot;, &quot;EMB_2780819&quot;, &quot;EMB_9323201&quot;]">
        <input type="hidden" name="checkoutType" value="normal">
        <div class="col-lg-6">
          <div class="form-floating">
            <input type="text" class="form-control" id="nome" name="nome" placeholder="nome" value="" required="">
            <label for="nome">Nome Completo*</label>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="form-floating">
            <input type="text" class="form-control" id="celular" placeholder="celular" name="celular" value="" required="">
            <label for="celular">Celular com DDD*</label>
            <span id="error-celular" style="color: red; display: none">Preencha o Celular corretamente.</span>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="form-floating">
            <input type="email" class="form-control" id="email" name="email" placeholder="email" value="">
            <label for="email">Email</label>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="form-floating">
            <input type="text" class="form-control" id="cpf_cnpj" name="cpf_cnpj" placeholder="cpf_cnpj" value="" required="">
            <label for="cpf">CPF/CNPJ*</label>
            <span id="error-cpf" style="color: red; display: none">Preencha o CPF corretamente.</span>
            <span id="error-cnpj" style="color: red; display: none">Preencha o CNPJ corretamente.</span>
          </div>
        </div>
        <div id="cep-endereco-div" class="col-sm-12 col-md-5 ">
          <div class="form-floating">
            <input class="form-control" placeholder="CEP" type="text" value="" id="endereco-cep" name="endereco-cep" required="">
            <label for="endereco-cep">CEP*</label>
            <span id="error-cep" style="color: red; display: none">Por Favor Preencha o CEP corretamente.</span>
          </div>
        </div>
        <div id="numero-endereco-div" class="col-6 col-sm-6 col-md-3 ">
          <div class="form-floating">
            <input class="form-control" placeholder="Número" type="number" value="" id="endereco-numero" name="endereco-numero" required="">
            <label for="endereco-numero">Número*</label>
          </div>
        </div>
        <div id="complemento-endereco-div" class="col-6 col-sm-6 col-md-4 ">
          <div class="form-floating">
            <input class="form-control" placeholder="Complemento" type="text" value="" id="endereco-complemento" name="endereco-complemento">
            <label for="endereco-complemento">Complemento</label>
          </div>
        </div>
        <div class="col-6 col-sm-6 col-md-6 div-endereco ">
          <div class="form-floating">
            <input class="form-control" placeholder="Endereço" type="text" value="" id="endereco-logradouro" name="endereco-logradouro" required="">
            <label for="endereco-logradouro">Endereço*</label>
          </div>
        </div>
        <div class="col-6 col-sm-6 col-md-6 div-endereco ">
          <div class="form-floating">
            <input class="form-control" placeholder="Bairro" type="text" value="" id="endereco-bairro" name="endereco-bairro" required="">
            <label for="endereco-bairro">Bairro*</label>
          </div>
        </div>
        <div class="col-6 col-sm-6 col-md-6 div-endereco ">
          <div class="form-floating">
            <input class="form-control" placeholder="Cidade" type="text" value="" id="endereco-cidade" name="endereco-cidade" required="">
            <label for="endereco-cidade">Cidade*</label>
          </div>
        </div>
        <div class="col-6 col-sm-6 col-md-6 div-endereco ">
          <div class="form-floating">
            <input class="form-control" placeholder="Estado" type="text" value="" id="endereco-estado" name="endereco-estado" required="">
            <label for="endereco-estado">Estado*</label>
          </div>
        </div>
        <!-- Data Aniversário -->
        <div class="col-6 col-sm-6 col-md-6 ">
          <div class="form-floating">
            <input class="form-control" placeholder="Data de Nascimento" type="text" id="data-nascimento" name="data-nascimento" required="">
            <label for="endereco-cidade">Nascimento*</label>
          </div>
        </div>
        <!-- Sexo -->
        <div class="col-6 col-sm-6 col-md-6 ">
          <div class="form-floating">
            <select class="form-select" id="sexo" name="sexo" required="">
              <option value="" selected="">Selecione</option>
              <option value="Feminino">Feminino</option>
              <option value="Masculino">Masculino</option>
            </select>
            <label for="floatingSelect">Sexo</label>
          </div>
        </div>
      </div>
    </div>
    <!-- FORMA DE PAGAMENTO -->
    <div id="formaPagamento">
      <div class="mt-3">
        <p class="">Selecione forma de Doação</p>
      </div>
      <input type="radio" class="btn-check" name="method" id="method-pix" value="PIX" checked="">
      <label class="btn btn-outline-secondary material-shadow-none" for="method-pix"><i class="ri-qr-code-line label-icon align-middle fs-16 me-2"></i> PIX</label>
      <input type="radio" class="btn-check" name="method" id="method-credit-card" value="CREDIT_CARD">
      <label id="label-credit-card" class="btn btn-outline-secondary material-shadow-none" for="method-credit-card"><i class="ri-bank-card-line label-icon align-middle fs-16 me-2"></i> CRÉDITO</label>
      <input type="radio" class="btn-check" name="method" id="method-boleto" value="BOLETO">
      <label class="btn btn-outline-secondary material-shadow-none" for="method-boleto"><i class="ri-barcode-line label-icon align-middle fs-16 me-2"></i> BOLETO</label>
      <br>
    </div>
    <!-- CREDIT CARD -->
    <div class="card p-4 border shadow-none mb-0" id="creditCardForm" style="display: none;">
      <!-- Adiciona um campo oculto para identificar o tipo de pagamento -->
      <div class="form-check form-switch form-switch-md pb-3" dir="ltr">
        <input type="checkbox" name="titular" class="form-check-input" id="customSwitchsizelg" checked="">
        <label class="form-check-label" for="customSwitchsizelg">Sou titular do cartão </label>
      </div>
      <div class="col-lg-12 pb-2">
        <h5 class="card-title mb-2"><i class="ri-bank-card-line align-middle me-1 text-muted"></i> Dados do Cartão</h5>
        <div class="form-floating">
          <input class="form-control" placeholder="Número do Cartão" type="tel" id="card-number-input">
          <label for="nome">Número do Cartão*</label>
          <span id="error-card-numero" style="color: red; display: none">Preencha Número corretamente.</span>
        </div>
      </div>
      <div class="col-lg-12 pb-2">
        <div class="form-floating">
          <input class="form-control" placeholder="Nome Igual ao Cartão" type="text" id="card-name-input">
          <label for="nome">Nome Igual ao Cartão*</label>
        </div>
      </div>
      <div class="row">
        <div class="col-6">
          <div class="form-floating">
            <input class="form-control" placeholder="MM/YYYY" type="tel" id="card-expiry-input">
            <label for="card_expiry">Vencimento*</label>
            <span id="error-card-vencimento" style="color: red; display: none">Preencha Vencimento corretamente.</span>
            <small class="text-muted">MM/YY</small>
          </div>
        </div>
        <div class="col-6">
          <div class="form-floating">
            <input class="form-control" placeholder="CVC" type="number" id="card-cvc-input">
            <span id="error-card-cvv" style="color: red; display: none">Preencha CVV corretamente.</span>
            <label for="card_cvc">CVV*</label>
          </div>
        </div>
      </div>
      <div id="card-endereco" style="display: none;">
        <h5 class="card-title mb-2 mt-4"><i class="ri-user-3-line align-middle me-1 text-muted"></i> Dados Títular do Cartão</h5>
        <div class="row">
          <div class="col-12 mb-2">
            <div class="form-floating">
              <input class="form-control" placeholder="Nome completo do títular do Cartão" type="text" id="card-name-titular">
              <label for="card_expiry">Nome Completo do Títular*</label>
            </div>
          </div>
          <div class="col-12 mb-2">
            <div class="form-floating">
              <input class="form-control" placeholder="E-mail do Titular" type="email" id="card-email-titular">
              <label for="card_cvc">E-mail do Titular*</label>
            </div>
          </div>
        </div>
        <div class="row pb-2">
          <div class="col-sm-12 col-md-6 pb-2">
            <div class="form-floating">
              <input class="form-control" placeholder="Celular Títular do Cartão" type="text" id="card_celular-titular">
              <label for="card_expiry">Celular com DDD*</label>
              <span id="error-celular-titular" style="color: red; display: none">Preencha o Celular corretamente.</span>
            </div>
          </div>
          <div class="col-sm-12 col-md-6">
            <div class="form-floating">
              <input class="form-control" placeholder="CPF Títular do Cartão" type="text" id="card-cpf-titular">
              <label for="card_cvc">CPF/CNPJ*</label>
              <span id="error-cpf-titular" style="color: red; display: none">Preencha o CPF corretamente.</span>
              <span id="error-cnpj-titular" style="color: red; display: none">Preencha o CNPJ corretamente.</span>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-6">
            <div class="form-floating">
              <input class="form-control" placeholder="CEP" type="text" id="card-cep-titular">
              <label for="card_expiry">CEP*</label>
              <span id="error-cep-titular" style="color: red; display: none">Por Favor Preencha o CEP corretamente.</span>
            </div>
          </div>
          <div class="col-6">
            <div class="form-floating">
              <input class="form-control" placeholder="Número" type="number" id="card-numero-titular">
              <label for="card_cvc">Número*</label>
            </div>
          </div>
        </div>
      </div>
      <br>
      <script src="https://www.google.com/recaptcha/api.js" async="" defer=""></script>
      <div class="g-recaptcha" data-sitekey="6LeXsBYqAAAAAMNmZtip3oYk-Yhan7uKkCzgnc86">
        <div style="width: 304px; height: 78px;">
          <div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-8eqs6aiydjc7" frameborder="0" scrolling="no"
              sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
              src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LeXsBYqAAAAAMNmZtip3oYk-Yhan7uKkCzgnc86&amp;co=aHR0cHM6Ly90ZXN0ZWVuY2hlbnRlLmRvYXJkaWdpdGFsLmNvbS5icjo0NDM.&amp;hl=de&amp;v=xds0rzGrktR88uEZ2JUvdgOY&amp;size=normal&amp;cb=fxnhq7rkdris"></iframe>
          </div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
            style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
        </div><iframe style="display: none;"></iframe>
      </div>
      <style>
        /* Adiciona estilo para tornar o reCAPTCHA responsivo */
        .g-recaptcha {
          transform: scale(0.95);
          -webkit-transform: scale(0.95);
          transform-origin: 0 0;
          -webkit-transform-origin: 0 0;
        }

        @media (max-width: 575.98px) {
          .g-recaptcha {
            transform: scale(0.85);
            -webkit-transform: scale(0.85);
          }
        }
      </style>
      <script src="https://testeenchente.doardigital.com.br/assets/js/checkout/mascara-titular-cpfCnpj.js"></script>
      <script src="https://testeenchente.doardigital.com.br/assets/js/checkout/mascara-titular-celular.js"></script>
      <script src="https://testeenchente.doardigital.com.br/assets/js/checkout/mascara-titular-cep.js"></script>
      <script src="https://testeenchente.doardigital.com.br/assets/js/checkout/mascara-credit-card.js"></script>
    </div>
    <!-- PLANOS -->
    <div id="campoVencimento">
      <div class="col-lg-6 mt-2 ">
        <div class="form-floating">
          <input class="form-control" placeholder="Data de Vencimento" type="date" id="dataVencimento" name="dataVencimento" maxlength="10" required="" value="2024-10-12">
          <label for="dataVencimento">Data de Vencimento*</label>
        </div>
      </div>
    </div>
    <!-- PLANOS -->
    <div id="final">
      <div class="form-check mb-3 mt-3">
        <input class="form-check-input" name="privacidade" type="checkbox" id="privacidade" required="">
        <label class="form-check-label" for="privacidade"> Li e aceito as <u><a href="https://doardigital.com.br/politica-de-privacidade/" target="_blank">Políticas de Privacidade.*</a></u>
        </label>
      </div>
      <div class="d-grid gap-2">
        <button id="btn-doar" type="submit" class="btn btn-success w-md bg-gradient waves-effect waves-light fs-4"> DOAR <span id="valorAqui">R$ 200,00</span>
        </button>
        <button id="btn-carregando" type="button" class="btn w-md btn-success btn-load fs-4" style="display: none;">
          <span class="d-flex align-items-center">
            <span class="flex-grow-1 me-2">Carregando...</span>
            <span class="spinner-border flex-shrink-0" role="status">
              <span class="visually-hidden">Carregando...</span>
            </span>
          </span>
        </button>
      </div>
      <p class="text-center text-muted"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
          class="feather feather-lock text-muted icon-xs">
          <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
          <path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
        </svg> Você está em um ambiente seguro</p>
      <p class="text-center text-muted">Powered by Asaas </p>
    </div>
  </div>
  <div style="display:none"><label>Fill This Field</label><input type="text" name="honeypot" value=""></div>
</form>

Text Content

FAÇA UMA DOAÇÃO

Sua Doação é um Gesto de Amor!

Error

Selecione tipo da Doação

Único

Selecione valor da Doação

R$ 200,00 R$ 100,00 R$ 75,00 R$ 50,00 R$ 25,00
Outro Valor* Informe um valor a partir de R$10.


Nome Completo*
Celular com DDD* Preencha o Celular corretamente.
Email
CPF/CNPJ* Preencha o CPF corretamente. Preencha o CNPJ corretamente.
CEP* Por Favor Preencha o CEP corretamente.
Número*
Complemento
Endereço*
Bairro*
Cidade*
Estado*
Nascimento*
Selecione Feminino Masculino Sexo

Selecione forma de Doação

PIX CRÉDITO BOLETO

Sou titular do cartão

DADOS DO CARTÃO

Número do Cartão* Preencha Número corretamente.
Nome Igual ao Cartão*
Vencimento* Preencha Vencimento corretamente. MM/YY
Preencha CVV corretamente. CVV*

DADOS TÍTULAR DO CARTÃO

Nome Completo do Títular*
E-mail do Titular*
Celular com DDD* Preencha o Celular corretamente.
CPF/CNPJ* Preencha o CPF corretamente. Preencha o CNPJ corretamente.
CEP* Por Favor Preencha o CEP corretamente.
Número*


Data de Vencimento*
Li e aceito as Políticas de Privacidade.*
DOAR R$ 200,00 Carregando... Carregando...

Você está em um ambiente seguro

Powered by Asaas

Fill This Field




{{TITLE}}

{{message}}

Continuar

testeenchente.doardigital.com.br Open in urlscan Pro 5.161.236.102 Public Scan

Form analysis 1 forms found in the DOM

POST https://testeenchente.doardigital.com.br/checkoutDoar

Text Content

testeenchente.doardigital.com.br Open in urlscan Pro
5.161.236.102 Public Scan

Form analysis
1 forms found in the DOM