File: /var/www/myc/enelar-back-web/src/core/plantllaCorreo.js
const plantillaHtml = async (desconexiones, consecutivo, municipio, medios) => {
let plantilla = `
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mail4</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css?family=Inter" rel="stylesheet">
</head>
<style>
p span {
font-family: 'Inter';
}
p {
color: #637D8B;
font-family: 'Inter';
font-size: 14px;
text-align: justify;
}
ul{
text-align: justify;
}
li span {
color: #637D8B;
font-family: 'Inter';
font-size: 14px;
text-align: justify;
}
li {
font-family: 'Inter';
color: #2F71E2;
}
/* span {
color: #EA6852;
} */
</style>
<body>
<img width="100%" src="https://api-web.enelar.com.co/storage/imagenes/header-boletin.jpeg" alt="header-boletin" />
<table
style="width: 100%; margin-left: auto; margin-right: auto;border-spacing: 0px!important; background-color: #F1F2CE; padding: 10px; ">
<tbody>
<tr>
<td>
<table width="100%"
style="margin-left: auto; margin-right: auto; background-color: #FFFFFF; border-spacing: 0px!important; margin: 1px;">
<tbody>
<tr>
<td>
<table width="95%"
style="margin-left: auto; margin-right: auto; margin-bottom:30px ">
<tbody>
<tr>
<td>
<p>Boletín ${consecutivo.toString().padStart(4, '0')} de 2024</p>
<p>
<b>
Barrios específicos de la zona urbana del municipio de
${municipio} tendrán desconexión programada el viernes 26 de abril
</b>
</p>
<p>
Arauca, abril 23 de 2024
</p>
<p>
La Empresa de Energía de Arauca ENELAR ESP, informa a sus usuarios
en el municipio de ${municipio}, que se hace necesario desconectar el
servicio de energía de manera programada para ejecutar trabajos de
mantenimiento de infraestructura del sistema de distribución local
de acuerdo con el siguiente cronograma.
</p>
<table style="border-collapse: collapse; width: 100%;">
<thead>
<tr>
<th style="background-color: #f2f2f2; font-family: 'Inter'; padding-top: 8px; padding-bottom: 8px; border: 1px solid #ddd">
Municipio
</th>
<th style="background-color: #f2f2f2; font-family: 'Inter'; padding-top: 8px; padding-bottom: 8px; border: 1px solid #ddd">
Sector
</th>
<th style="background-color: #f2f2f2; font-family: 'Inter'; padding-top: 8px; padding-bottom: 8px; border: 1px solid #ddd">
Inicio
</th>
<th style="background-color: #f2f2f2; font-family: 'Inter'; padding-top: 8px; padding-bottom: 8px; border: 1px solid #ddd">
Finalizacion
</th>
<th style="background-color: #f2f2f2; font-family: 'Inter'; padding-top: 8px; padding-bottom: 8px; border: 1px solid #ddd">
Duración
</th>
<th style="background-color: #f2f2f2; font-family: 'Inter'; padding-top: 8px; padding-bottom: 8px; border: 1px solid #ddd">
Circuito
</th>
<th style="background-color: #f2f2f2; font-family: 'Inter'; padding-top: 8px; padding-bottom: 8px; border: 1px solid #ddd">
Descripción
</th>
</tr>
</thead>
<tbody>
`
desconexiones.forEach((desconexion) => {
plantilla += `
<tr>
<td style="border: 1px solid #ddd; padding: 8px; text-align: left">
${desconexion.municipio.nombre}
</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: left">
${desconexion.sectoresAfectados}
</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: left">
${desconexion.inicio}
</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: left">
${desconexion.finalizacion}
</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: left">
${desconexion.duracion}
</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: left">
${desconexion.circuito}
</td>
<td style="border: 1px solid #ddd; padding: 8px; text-align: left">
${desconexion.descripcion}
</td>
</tr>
`
})
plantilla += `
</tbody>
</table>
<p>
Se invita a los usuarios localizados en los sectores afectados,
para que activen sus planes de contingencia acordes con su actividad
en particular.
</p>
<p>
Enelar E.S.P, ofrece excusas a los usuarios por las interrupciones
programadas, las cuales se hacen con el propósito de mejorar la
infraestructura eléctrica del municipio y garantizar las medidas
de seguridad propias de la actividad a desarrollar.
</p>
<p>
<b>
Recomendaciones:
</b>
</p>
<p>
Señor usuario, cuando ENELAR ESP se encuentre realizando trabajos de
mantenimiento, se debe respetar la señalización de las áreas demarcadas
por el personal técnico para garantizar su seguridad. El no acatar esta
instrucción le puede ocasionar choques
</p>
<p style="color: #FFFFFF; background: #000000; padding: 8px;">
NOTIFICACIÓN A MEDIOS: Esta comunicación se remite vía correo electrónico
a los medios de comunicación registrados en el municipio donde corresponden
los trabajos, también se remite copia al centro de control y el área de
Prensa y Comunicaciones de ENELAR ESP:
<ol>
`
medios.forEach((medio) => {
plantilla += `
<li>${medio.email}</li>
`
})
plantilla += `
</ol>
</p>
<p>Este correo fue generado automáticamente. Por favor, no responda.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<img width="100%" src="https://api-web.enelar.com.co/storage/imagenes/footer-boletin.jpeg" alt="header-boletin" />
</body>
</html>
`
return plantilla
}
export default plantillaHtml