Preview:
%%[

    SET @encFactura = RequestParameter("f")
    
    SET @encDocumento =  RequestParameter("d")
    
    SET @idioma = 'ES'
    

]%%

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Endesa Energía</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" type="text/css" href="https://cloud.dev.notificaciones.endesaclientes.com/css-fuente-validacion-doc-aviso"/>
    <link rel="stylesheet" type="text/css" href="https://cloud.dev.notificaciones.endesaclientes.com/css-validacion-doc-aviso-ml"/>
</head>
<body> 
  
  <div class="header">
    <a href="https://www.endesa.com" title="https://www.endesa.com" target="_blank"><span class="endesa-logo__accesible"><img src="https://image.dev.notificaciones.endesaclientes.com/lib/fe3111737364047c711778/m/1/5b5b4049-ad5c-4e19-a09f-4ed2545327e9.png" alt="Endesa logo"></span>
        </a>
  </div>

  <div class="container">
    <p class="title">Descargar factura</p>
    <p>Para garantizar la seguridad de tus datos, necesitamos que nos indiques el DNI/NIE/CIF/Pasaporte del <span class="bold">titular del contrato</span> de la factura a consultar:</p>
    
    <div id="error-container">
    </div>

    <form action="" method="POST" align="left" id="SCForm" class="endesa-form" novalidate="novalidate">
     <div class="endesa-form__group endesa-form__group--col-2" id="documentSupraGroup">
              <span id="documentSupraError"></span>
              <div class="endesa-form__group--col-2-lf">
                <label class="endesa-form__label endesa-form__label--visible" for="documentType">Tipo de documento
                  </label>
                <select class="endesa-form__select" id="documentType" name="documentType" onchange="changeDocument()">
                  <option value="nif" selected="selected">
                    NIF
                    del
                    titular
                  </option>
                  <option value="nie">
                    NIE
                    del
                    titular
                  </option>
                  <option value="cif">
                    CIF
                    del
                    titular
                  </option>
                  <option value="pasaporte">
                    Pasaporte
                    del
                    titular
                  </option>
                </select>
              </div>
              <div class="endesa-form__group--col-2-rg" id="documentGroup">      
                <label class="endesa-form__label endesa-form__label--visible" for="document">Número de documento
                  </label>
                <input class="endesa-form__input" name="document" id="document" value="%%=v(@documento)=%%" placeholder="Documento" type="text" onchange="changeInput(2)" required>
                <span id="documentError"></span>
              </div>
            </div>
      <input type="hidden" name="documentHidden" id="documentHidden" data-field-type="Text">
      <div id="buttonContainer" class="submit-wrapper">
              <button type="button" class="endesa-form__btn endesa-form__btn--disable" id="btnSubmit" onclick="visualSending()"><span class="endesa-form__btn-text" disabled>ACEPTAR</span></button>
            </div>
    </form>
  </div>

  <div class="footer">
    <div class="footer-content">
    <div class="footer-title">Tu energía</div>
    <div class="footer-divider"></div>
    <div class="footer-columns">
      <div class="footer-column">
        <h4>Luz y Gas</h4>
        <ul>
          <li>Encuentra tu oferta</li>
          <li>Productos de Luz</li>
          <li>Productos de Gas</li>
          <li>Productos de Luz + Gas</li>
          <li>Ofertas Endesa</li>
          <li>Consejos de ahorro</li>
          <li>Autoconsumo</li>
        </ul>
      </div>
      <div class="footer-column">
        <h4>Otros productos</h4>
        <ul>
          <li>Ventajas para clientes endesa</li>
          <li>Mantenimiento</li>
          <li>Calefacción</li>
          <li>Aire acondicionado</li>
          <li>Diagnóstico energético</li>
          <li>infoEnergía</li>
          <li>Promociones y Ganadores</li>
          <li>Pólizas de seguros</li>
        </ul>
      </div>
    </div>
    <div class="footer-links">
  <a href="#">Aviso legal</a>
  <span class="separator">|</span>
  <a href="#">Política de Cookies</a>
  <span class="separator">|</span>
  <a href="#">Política de Protección de Datos</a>
  <span class="separator">|</span>
  <a href="#">Accesibilidad</a>
  <span class="separator">|</span>
  <a href="#">Contacto</a>
</div>

  </div>
  </div>

  <script>
  var encDocumento = "%%=v(@encDocumento)=%%";
  var encFactura = "%%=v(@encFactura)=%%";
  var idioma = "%%=v(@idioma)=%%";
</script>
<script id="js-script" src="https://cloud.dev.notificaciones.endesaclientes.com/javascript-validacion-doc-aviso"></script>
<script id="js-errores" src="https://cloud.dev.notificaciones.endesaclientes.com/javascript-validacion-doc-aviso-errores-es"></script>

</body>
</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter