Файловый менеджер - Редактировать - D:/Inetpub/vhosts/itgrupoeuromotors.com/httpdocs/Euromotors/libro-de-reclamaciones-20250407033146.html
Назад
<!DOCTYPE html> <html style="font-size: 16px" lang="es-PE"> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta charset="utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title>Libro de Reclamaciones</title> <link rel="stylesheet" href="nicepage.css" media="screen" /> <link rel="stylesheet" href="libro-de-reclamaciones.css" media="screen" /> <script class="u-script" type="text/javascript" src="jquery.js" defer="" ></script> <script class="u-script" type="text/javascript" src="nicepage.js" defer="" ></script> <link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/signature_pad@4.1.7/dist/signature_pad.umd.min.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Euromotors", "logo": "images/emsa.png" } </script> <meta name="theme-color" content="#478ac9" /> <meta property="og:title" content="libro-de-reclamaciones" /> <meta property="og:description" content="" /> <meta property="og:type" content="website" /> <meta data-intl-tel-input-cdn-path="intlTelInput/" /> <style> @keyframes slideInOut { 0% { opacity: 0; visibility: hidden; transform: translateX(-50px); } 50% { opacity: 0.5; visibility: visible; transform: translateX(0); } 100% { opacity: 1; visibility: visible; transform: translateX(0); } } </style> <script> function onSelectChange() { var menorEdad = document.getElementById('clienteMenorEdad').value; var datosApoderado = document.getElementById('datosApoderado'); var datosApoderadoHTML = ` <p style="text-align: justify" class="mb-0"> <span style="font-size: 1rem"> DATOS DEL APODERADO [EN CASO SEA MENOR DE EDAD] </span> </p> <div class="col-md-4"> <label for="apoderadoNombre" class="form-label">Nombre</label> <input type="text" class="form-control" id="apoderadoNombre" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="apoderadoApellidos" class="form-label">Apellidos</label> <input type="text" class="form-control" id="apoderadoApellidos" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="apoderadoTipoDoc" class="form-label">Tipo de Documento</label> <select class="form-select" id="apoderadoTipoDoc" required> <option value="DNI" selected>DNI</option> <option value="Pasaporte">PASAPORTE</option> <option value="C.E">C.E</option> </select> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="apoderadoNumDoc" class="form-label">N. de Documento</label> <input type="number" class="form-control" id="apoderadoNumDoc" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="apoderadoTelefono" class="form-label">Teléfono</label> <input type="text" class="form-control" id="apoderadoTelefono" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="apoderadoCorreo" class="form-label">Correo electrónico</label> <input type="email" class="form-control" id="apoderadoCorreo" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> `; if (menorEdad === 'Sí') { datosApoderado.innerHTML = datosApoderadoHTML; } else { datosApoderado.innerHTML = ''; } } function onClearCanvas() { const canvas = document.querySelector("canvas"); const signaturePad = new SignaturePad(canvas); signaturePad.clear(); } function onOpenModal() { $('#signatureModal').modal('show'); } function onSaveSignature() { var canvas = document.querySelector("canvas"); var clienteFirma = document.getElementById('clienteFirma'); var clienteFirmaValue = document.getElementById('clienteFirmaValue'); var dataURL = canvas.toDataURL(); clienteFirma.style.backgroundImage = `url(${dataURL})`; clienteFirmaValue.value = dataURL; $('#signatureModal').modal('hide'); } </script> </head> <body data-path-to-root="./" data-include-products="false" class="u-body u-xl-mode" > <header class="u-clearfix u-header u-header" id="sec-701f"> <div class="u-clearfix u-sheet u-valign-middle u-sheet-1"> <a href="./" class="u-image u-logo u-image-1" data-image-width="1754" data-image-height="382" title="Inicio" > <img src="images/emsa.png" class="u-logo-image u-logo-image-1" /> </a> </div> </header> <section class="u-clearfix u-section-1" id="section-form" > <div class="u-clearfix u-sheet u-sheet-1"> <div class="fr-view u-clearfix u-rich-text u-text u-text-1"> <h3> <span class="u-custom-font u-text-font" style="font-size: 1.5rem" >Libro de reclamaciones</span > </h3> <div style="background-color: #F6F6F6;padding: 1rem;border-radius: 10px;padding-left: 2rem; margin-bottom: 2rem;"> <p>RAZÓN SOCIAL: EURO MOTORS S.A.</p> <p>RUC: 20168544252</p> <p>DIRECCIÓN: Av. Domingo Orue Nro. 973</p> <p id="euroDate"></p> </div> <form id="reclamoForm" class="row g-3 needs-validation" novalidate> <p style="text-align: justify"> <span style="font-size: 1.125rem; font-weight: bold;"> 1. IDENTIFICACIÓN DEL CONSUMIDOR RECLAMANTE </span> </p> <div class="col-md-4"> <label for="clienteNombre" class="form-label">Nombre</label> <input type="text" class="form-control" id="clienteNombre" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="clienteApellidos" class="form-label">Apellidos</label> <input type="text" class="form-control" id="clienteApellidos" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="clienteDomicilio" class="form-label">Domicilio</label> <input type="text" class="form-control" id="clienteDomicilio" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="clienteTipoDoc" class="form-label">Tipo de Documento</label> <select class="form-select" id="clienteTipoDoc" required> <option value="DNI" selected>DNI</option> <option value="Pasaporte">PASAPORTE</option> <option value="C.E">C.E</option> </select> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="clienteNumDoc" class="form-label">N. de Documento</label> <input type="number" class="form-control" id="clienteNumDoc" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="clienteTelefono" class="form-label">Teléfono</label> <input type="text" class="form-control" id="clienteTelefono" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="clienteCorreo" class="form-label">Correo electrónico</label> <input type="email" class="form-control" id="clienteCorreo" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="clienteMenorEdad" class="form-label">¿Es menor de edad?</label> <select class="form-select" id="clienteMenorEdad" required onchange="onSelectChange();"> <option value="" selected disabled>Seleccione una opción</option> <option value="Sí">SI</option> <option value="No">NO</option> </select> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-12"> <div class="row g-3" id="datosApoderado"> </div> </div> <div class="col-md-4"> <label for="clienteCiudad" class="form-label">Ciudad</label> <input type="text" class="form-control" id="clienteCiudad" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="clientePlaca" class="form-label">Placa</label> <input type="text" class="form-control" id="clientePlaca" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="clienteMotivosReclamo" class="form-label">Motivos de reclamo</label> <select class="form-select" id="clienteMotivosReclamo" required> <option value="" selected disabled>Seleccione una opción</option> <option value="Venta">Venta de vehiculos</option> <option value="PostVenta">Venta de Repuestos</option> <option value="Repuestos">Servicio tecnico</option> </select> <div class="invalid-feedback"> El campo es requerido. </div> </div> <hr class="my-4"> <p style="text-align: justify"> <span style="font-size: 1.125rem; font-weight: bold;"> 2. IDENTIFICACIÓN DEL BIEN CONTRATADO </span> </p> <div class="col-md-4"> <label for="bienTipo" class="form-label">Tipo de Bien Contratado</label> <select class="form-select" id="bienTipo" required> <option value="" selected disabled>Seleccione una opción</option> <option value="Producto">Producto</option> <option value="Servicio">Servicio</option> </select> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="bienTipoMoneda" class="form-label">Tipo de Moneda</label> <select class="form-select" id="bienTipoMoneda" required> <option value="" selected disabled>Seleccione una opción</option> <option value="Soles">Soles</option> <option value="Dolares">Dolares</option> </select> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-4"> <label for="bienMonto" class="form-label">Monto</label> <input type="number" class="form-control" id="bienMonto" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-12"> <label for="bienDescripcion" class="form-label">Descripción</label> <input type="text" class="form-control" id="bienDescripcion" required> <div class="invalid-feedback"> El campo es requerido. </div> </div> <hr class="my-4"> <p style="text-align: justify"> <span style="font-size: 1.125rem; font-weight: bold;"> 3. DETALLE DE LA RECLAMACIÓN Y PEDIDO DEL CONSUMIDOR </span> </p> <div class="col-md-4"> <label for="reclamoTipo" class="form-label">Tipo</label> <select class="form-select" id="reclamoTipo" required> <option value="" selected disabled>Seleccione una opción</option> <option value="Reclamo">Reclamo</option> <option value="Queja">Queja</option> </select> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-8"> <strong>Reclamo:</strong> Disconformidad relacionada a los productos o servicios <br> <strong>Queja:</strong> Disconformidad no relacionada a los productos o servicios o malestar o descontento respecto a la atención al público. </div> <div class="col-md-12"> <label for="reclamoDetalle" class="form-label">Detalle</label> <textarea type="text" class="form-control" id="reclamoDetalle" rows="3" required></textarea> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-12"> <label for="reclamoPedido" class="form-label">Pedido</label> <textarea type="text" class="form-control" id="reclamoPedido" rows="3" required></textarea> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-12"> <label for="clienteFirmaValue" class="form-label">Firma del Consumidor</label> <div id="clienteFirma" class="border" style="width: 200px; height: 66px; background-size: cover; background-position: center; background-repeat: no-repeat;" onclick="onOpenModal()"> </div> <input type="hidden" id="clienteFirmaValue" name="clienteFirmaValue" value="" required/> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="modal" id="signatureModal" tabindex="-1"> <div class="modal-dialog" style="min-width: 650px;"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Firma de consumidor</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <canvas width="600" height="200" class="border" style="touch-action: none; user-select: none;"></canvas> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" onclick="onClearCanvas()">Limpiar</button> <button type="button" class="btn btn-primary" onclick="onSaveSignature()">Guardar</button> </div> </div> </div> </div> <hr class="my-4"> <p style="text-align: justify"> <span style="font-size: 1.125rem; font-weight: bold;"> 4. OBSERVACIONES Y ACCIONES ADOPTADAS POR EL PROVEEDOR </span> </p> <div class="col-md-12"> <label for="bienDescripcion" class="form-label">Fecha de comunicación de la respuesta</label> <input type="date" class="form-control" id="bienDescripcion" required disabled> <div class="invalid-feedback"> El campo es requerido. </div> </div> <div class="col-md-12"> <textarea type="text" class="form-control" id="reclamoDetalle" rows="3" required disabled></textarea> </div> <div class="col-12"> <button class="btn btn-primary" type="submit">Enviar Reclamo</button> </div> </form> <p style="text-align: justify"> <span style="font-size: 0.85rem"> *La formulación del reclamo no impide acudir a otras vías de solución de controversias ni es requisito previo para interponer una denuncia ante el INDECOPI. <br> *El proveedor debe dar respuesta al reclamo o queja en un plazo no mayor a quince (15) días hábiles, el cual es improrrogable </span> </p> </div> </div> </section> <section class="u-clearfix u-section-1" id="section-result" style="display: none"> <div class="u-clearfix u-sheet u-sheet-1"> <div class="fr-view u-clearfix u-rich-text u-text u-text-1"> <h3 style="text-align: center"> <span class="u-custom-font u-text-font" style="font-size: 1.5rem; font-weight: bold;" >¡Gracias por contactarnos!</span > </h3> <p style="text-align: center"> <span style="font-size: 0.85rem"> Te confirmamos que hemos recibido tu reclamo con éxito. En breves momentos te enviaremos un correo electrónico con más detalles al respecto. </span> </p> </div> </div> </section> <script type="module"> var currentDateTime = new Date(); var currentDay = currentDateTime.getDate(); var currentMonth = currentDateTime.getMonth() + 1; var currentYear = currentDateTime.getFullYear(); var formDisplay = document.getElementById('section-form'); var resultDisplay = document.getElementById('section-result'); var euroDate = document.getElementById('euroDate'); euroDate.innerHTML = `FECHA: ${currentDateTime.toLocaleString('es-ES', { weekday: 'long' })}, ${currentDay} de ${currentDateTime.toLocaleString('es-ES', { month: 'long' })} del ${currentYear}`; const canvas = document.querySelector("canvas"); const signaturePad = new SignaturePad(canvas); (function () { 'use strict'; window.addEventListener('load', function () { var form = document.getElementById('reclamoForm'); form.addEventListener('submit', function (event) { if (!form.checkValidity()) { event.preventDefault(); event.stopPropagation(); } form.classList.add('was-validated'); if (form.checkValidity()) { event.preventDefault(); event.stopPropagation(); var clienteMenorEdad = document.getElementById('clienteMenorEdad').value; var apoderadoNombre = ''; var apoderadoApellidos = ''; var apoderadoTipoDoc = ''; var apoderadoNumDoc = ''; var apoderadoTelefono = ''; var apoderadoCorreo = ''; var emailNotification = document.getElementById('clienteCorreo').value; var direccionNotification = document.getElementById('clienteDomicilio').value; if (clienteMenorEdad === 'Sí') { apoderadoNombre = document.getElementById('apoderadoNombre').value; apoderadoApellidos = document.getElementById('apoderadoApellidos').value; apoderadoTipoDoc = document.getElementById('apoderadoTipoDoc').value; apoderadoNumDoc = document.getElementById('apoderadoNumDoc').value; apoderadoTelefono = document.getElementById('apoderadoTelefono').value; apoderadoCorreo = document.getElementById('apoderadoCorreo').value; emailNotification = apoderadoCorreo; } var data_json = { 'cliente': { 'nombre': document.getElementById('clienteNombre').value, 'apellidos': document.getElementById('clienteApellidos').value, 'direccion': document.getElementById('clienteDomicilio').value, 'tipoDocumento': document.getElementById('clienteTipoDoc').value, 'documento': document.getElementById('clienteNumDoc').value, 'telefono': document.getElementById('clienteTelefono').value, 'correcoElectronico': document.getElementById('clienteCorreo').value, 'esmenordeedad': document.getElementById('clienteMenorEdad').value, 'distrito': document.getElementById('clienteCiudad').value, 'matricula': document.getElementById('clientePlaca').value, 'categoria': document.getElementById('clienteMotivosReclamo').value, 'nombredelapoderado': apoderadoNombre, 'apellidosdelapoderado': apoderadoApellidos, 'tipoDocumentoApoderado': apoderadoTipoDoc, 'documentoApoderado': apoderadoNumDoc, 'telefonodelapoderado': apoderadoTelefono, 'emaildelapoderado': apoderadoCorreo, 'imgFirma': document.getElementById('clienteFirmaValue').value, 'emailparanotificacion': emailNotification, 'direccionparanotificacion': direccionNotification, }, 'servicio': { 'tipobiencontratado': document.getElementById('bienTipo').value, 'tipodemoneda': document.getElementById('bienTipoMoneda').value, 'monto': document.getElementById('bienMonto').value, 'descripcion': document.getElementById('bienDescripcion').value, }, 'reclamo': { 'tipo': document.getElementById('reclamoTipo').value, 'descripcion': document.getElementById('reclamoDetalle').value, 'pedidoConsumidor': document.getElementById('reclamoPedido').value, }, 'propietario': 'Ventas Digitales', 'empresaCRM': 'Euromotors', }; var url = "https://leadapi.itgrupoeuromotors.com/api/v2/Caso/Registrar"; $.ajax({ url: url, type: "POST", crossDomain: true, dataType: 'json', contentType: 'application/json', data: JSON.stringify(data_json), success: function (data) { console.log('Enviado'); formDisplay.style.display = 'none'; resultDisplay.style.display = 'block'; window.scrollTo(0, 0); }, error: function (data) { console.log(data) }, beforeSend: function (xhr) { xhr.setRequestHeader("Authorization", "Basic RWNuYTpFY040MjAyNQ=="); xhr.setRequestHeader("Access-Control-Allow-Origin", "*"); } }); } }, false); }); })(); </script> <footer class="u-clearfix u-footer u-grey-80" id="sec-1c24" style="padding-bottom: 2rem;"> <div class="u-clearfix u-sheet u-sheet-1"> <nav class="u-menu u-menu-one-level u-offcanvas u-menu-1" data-responsive-from="XS" > <div class="menu-collapse" style="font-size: 0.875rem"> <a class="u-button-style u-nav-link" href="#"> <svg class="u-svg-link" viewBox="0 0 24 24"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger" ></use> </svg> <svg class="u-svg-content" version="1.1" id="menu-hamburger" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" > <g> <rect y="1" width="16" height="2"></rect> <rect y="7" width="16" height="2"></rect> <rect y="13" width="16" height="2"></rect> </g> </svg> </a> </div> <div class="u-custom-menu u-nav-container"> <ul class="u-nav u-unstyled u-nav-1"> <li class="u-nav-item"> <a class="u-button-style u-nav-link" href="politicas-de-privacidad.html" >Políticas de Privacidad</a > </li> <li class="u-nav-item"> <a class="u-button-style u-nav-link" href="libro-de-reclamaciones.html" >Libro de Reclamaciones</a > </li> <li class="u-nav-item"> <a class="u-button-style u-nav-link" href="codigo-de-conducta.html" >Código de Conducta</a > </li> <li class="u-nav-item"> <a class="u-button-style u-nav-link" href="compartimos-los-datos.html" >Compartimos los Datos</a > </li> <li class="u-nav-item"> <a class="u-button-style u-nav-link" href="nfu.html">NFU</a> </li> </ul> </div> <div class="u-custom-menu u-nav-container-collapse"> <div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav" > <div class="u-inner-container-layout u-sidenav-overflow"> <div class="u-menu-close"></div> <ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2" > <li class="u-nav-item"> <a class="u-button-style u-nav-link" href="politicas-de-privacidad.html" >Políticas de Privacidad</a > </li> <li class="u-nav-item"> <a class="u-button-style u-nav-link" href="libro-de-reclamaciones.html" >Libro de Reclamaciones</a > </li> <li class="u-nav-item"> <a class="u-button-style u-nav-link" href="codigo-de-conducta.html" >Código de Conducta</a > </li> <li class="u-nav-item"> <a class="u-button-style u-nav-link" href="compartimos-los-datos.html" >Compartimos los Datos</a > </li> <li class="u-nav-item"> <a class="u-button-style u-nav-link" href="nfu.html">NFU</a> </li> </ul> </div> </div> <div class="u-black u-menu-overlay u-opacity u-opacity-70"></div> </div> </nav> <p class="u-text u-text-default u-text-1">©2024 Euromotors </p> <a href="http://127.0.0.1:3000/libro-de-reclamaciones.html"> <img src="images/reclamaciones.jpg" class="u-logo-image u-logo-image-1" width="200" /> </a> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Генерация страницы: 0.03 |
proxy
|
phpinfo
|
Настройка