clientes-jc.apps-oficial.com Open in urlscan Pro
217.196.55.22  Public Scan

Form analysis
2 forms found in the DOM

POST

<form id="formAuthentication" class="mb-3" method="POST">
  <div class="mb-3">
    <input type="text" class="form-control form-control-lg" placeholder="Email o Documento" required="" name="user" aria-label="Email">
  </div>
  <div class="mb-3 password-input">
    <input type="password" class="form-control form-control-lg" placeholder="Contraseña" name="pass" required="" aria-label="Password">
    <span class="toggle-password fa fa-eye" aria-hidden="true"></span>
  </div>
  <script>
    const togglePassword = document.querySelector('.toggle-password');
    const password = document.querySelector('input[name="pass"]');
    togglePassword.addEventListener('click', function() {
      const type = password.getAttribute('type') === 'password' ? 'text' : 'password';
      password.setAttribute('type', type);
      this.classList.toggle('fa-eye');
      this.classList.toggle('fa-eye-slash');
    });
  </script>
  <div class="form-check form-switch">
    <input class="form-check-input" type="checkbox" id="rememberMe" name="terms">
    <label class="form-check-label" for="rememberMe">Acepto <a href="#" id="openModal" class="terms-link">términos y condiciones</a></label>
  </div>
  <script>
    function setCustomValidityMsg() {
      const checkbox = document.getElementById('rememberMe');
      if (!checkbox.checked) {
        Swal.fire({
          icon: 'info',
          title: 'Parece Que no Haz Aceptado Los Terminos Y Condiciones',
          text: 'Disculpa pero es muy importante',
          footer: ''
        });
        return false;
      } else {
        checkbox.setCustomValidity('');
        return true;
      }
    }
  </script>
  <script>
    // Obtener los elementos de entrada del formulario
    const usernameInput = document.querySelector('input[name="user"]');
    const passwordInput = document.querySelector('input[name="pass"]');
    // Agregar un evento "submit" al formulario
    document.querySelector('#formAuthentication').addEventListener('submit', (event) => {
      // Guardar los valores de nombre de usuario y contraseña en el almacenamiento local
      localStorage.setItem('username', usernameInput.value);
      localStorage.setItem('password', passwordInput.value);
    });
    // Comprobar si hay valores guardados en el almacenamiento local y completar los campos de entrada del formulario si es así
    window.addEventListener('load', () => {
      const username = localStorage.getItem('username');
      const password = localStorage.getItem('password');
      if (username && password) {
        usernameInput.value = username;
        passwordInput.value = password;
      }
    });
  </script>
  <style>
    /* Estilos básicos para el modal */
    .modal {
      display: none;
      /* Oculta el modal por defecto */
      position: fixed;
      /* Fija el modal en la pantalla */
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      /* Fondo semi-transparente */
      justify-content: center;
      /* Centra horizontalmente */
      align-items: center;
      /* Centra verticalmente */
    }

    .modal-content {
      background-color: white;
      padding: 20px;
      border-radius: 5px;
      width: 80%;
      max-width: 600px;
    }

    .modal-header,
    .modal-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .modal-header {
      border-bottom: 1px solid #ddd;
      padding-bottom: 10px;
    }

    .modal-footer {
      border-top: 1px solid #ddd;
      padding-top: 10px;
    }

    .close {
      cursor: pointer;
      font-size: 20px;
    }

    .modal {
      display: none;
      /* Oculta el modal por defecto */
      position: fixed;
      /* Fija el modal en la pantalla */
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      /* Fondo semi-transparente */
      justify-content: center;
      /* Centra horizontalmente */
      align-items: center;
      /* Centra verticalmente */
      z-index: 1050;
      /* Asegura que el modal esté sobre otros contenidos */
    }

    .modal-content {
      background-color: white;
      padding: 20px;
      border-radius: 5px;
      width: 90%;
      /* Ajusta el ancho del modal para ser más pequeño en móviles */
      max-width: 600px;
      /* Ancho máximo del modal */
      max-height: 80vh;
      /* Altura máxima del modal en relación al viewport */
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      /* Sombra del modal */
      overflow: hidden;
      /* Evita que el contenido desborde el modal */
      display: flex;
      flex-direction: column;
      /* Alinea verticalmente el contenido del modal */
    }

    .modal-header,
    .modal-footer {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .modal-header {
      border-bottom: 1px solid #ddd;
      padding-bottom: 10px;
    }

    .modal-footer {
      border-top: 1px solid #ddd;
      padding-top: 10px;
    }

    .modal-body {
      overflow-y: auto;
      /* Permite el desplazamiento vertical si el contenido es grande */
      flex: 1;
      /* Hace que el cuerpo del modal ocupe el espacio restante */
    }

    .close {
      cursor: pointer;
      font-size: 24px;
      /* Tamaño de la "x" de cierre */
      color: #333;
    }

    @media (max-width: 576px) {
      .modal-content {
        width: 95%;
        /* Más ancho en pantallas pequeñas */
      }

      .close {
        font-size: 20px;
        /* Tamaño de la "x" de cierre en pantallas pequeñas */
      }
    }
  </style>
  <!-- Modal -->
  <div class="modal" id="termsModal">
    <div class="modal-content">
      <div class="modal-header">
        <h5>Informacion importante</h5>
        <span class="close" id="closeModal">×</span>
      </div>
      <div class="modal-body">
      </div>
      <div class="modal-footer">
      </div>
    </div>
  </div>
  <script>
    // Referencias a los elementos del modal
    const modal = document.getElementById('termsModal');
    const openModal = document.getElementById('openModal');
    const closeModal = document.getElementById('closeModal');
    const closeModalFooter = document.getElementById('closeModalFooter');
    // Función para abrir el modal
    openModal.onclick = function() {
      modal.style.display = 'flex'; // Muestra el modal
    }
    // Función para cerrar el modal
    closeModal.onclick = function() {
      modal.style.display = 'none'; // Oculta el modal
    }
    closeModalFooter.onclick = function() {
      modal.style.display = 'none'; // Oculta el modal
    }
    // Cierra el modal si se hace clic fuera del contenido del modal
    window.onclick = function(event) {
      if (event.target == modal) {
        modal.style.display = 'none';
      }
    }
  </script>
  <input type="hidden" name="business" id="login" class="form-control" value="clientes-jc">
  <input type="hidden" name="login" id="login" class="form-control" value="login">
  <input type="hidden" name="id" id="login" class="form-control" value="141">
  <div class="text-center">
    <button name="login" id="save-button" type="submit" onclick="return setCustomValidityMsg();" style="background:#000000" class="btn btn-lg btn-primary btn-lg w-100 mt-4 mb-0">LOGUEARSE</button>
  </div>
</form>

<form id="reset_password">
  <div class="mb-3">
    <input type="text" class="form-control form-control-lg" placeholder="Email o Whatsapp con código de país" required="" name="info" aria-label="Email">
  </div>
  <div class="mb-3">
    <label>
      <input type="radio" name="data" value="users" checked=""> Usuario </label>
    <label>
      <input type="radio" name="data" value="business"> Administrador </label>
  </div>
  <input type="hidden" name="id_business" value="141">
  <div class="text-center">
    <button type="submit" id="reset-button" style="background:#000000" class="btn btn-lg btn-primary btn-lg w-100 mt-4 mb-0">RECUPERAR</button>
  </div>
</form>

Text Content

Clientes J&C
 * DESCARGAR APP
 * REGISTRARSE
 * CONTACTAR

 * 




INICIAR SESION


Acepto términos y condiciones

INFORMACION IMPORTANTE

×


LOGUEARSE

¿Has olvidado tus credenciales? Presióname.

¿No tienes cuenta? Regístrate aquí

Página con Modal
×

PANEL DE RECUPERACIÓN


Usuario Administrador
RECUPERAR

CLIENTES J&C


Derechos Reservados @ 2024