Email Alerts & Notifications

// Email notification system from email.js
const btn = document.getElementById('sendContact');

// Generate International Timestamp
const now = new Date();
const formattedTime = now.toLocaleString('default', {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
  hour12: false
}).replace(/\//g, '-');

// Generate Universal Ticket number
const utcNow = new Date().toISOString().replace(/-|T|:|\.|\ Z/g, '').slice(2, 14);
const ticketNumber = `${utcNow}-${Math.floor(1000 + Math.random() * 9000)}`;

document.getElementById('contactForm')
  .addEventListener('submit', function (event) {
    event.preventDefault();
    
    const serviceID = 'default_service';
    const templateID = 'template_er0sh5w';
    const name = document.getElementById("name").value.trim();
    const email = document.getElementById("email").value.trim();
    const subject = document.getElementById("subject").value.trim();
    const message = document.getElementById("message").value.trim();
    
    emailjs.send(serviceID, templateID, {
      title: subject,
      name: name,
      time: formattedTime,
      message: message,
      email: email,
      ticket_number: `TKT-${ticketNumber}`,
      current_year: new Date().getFullYear()
    })
    .then(() => {
      btn.value = 'Enviar mensaje';
      btn.disabled = false;
      localStorage.setItem('lastSentTime', Date.now().toString());
      startCooldown(5 * 60);
    });
  });

// Cooldown system from email.js
function startCooldown(seconds) {
  clearInterval(countdownInterval);
  
  btn.disabled = true;
  let remaining = seconds;
  
  countdownInterval = setInterval(() => {
    if (remaining <= 0) {
      clearInterval(countdownInterval);
      btn.disabled = false;
      btn.value = 'Enviar mensaje';
    } else {
      btn.value = `Espera ${remaining}s`;
      remaining--;
    }
  }, 1000);
}

// Check last sent time
const now = Date.now();
const lastSent = localStorage.getItem('lastSentTime');

if (lastSent && now - parseInt(lastSent) < 5 * 60 * 1000) {
  const remaining = Math.ceil((5 * 60 * 1000 - (now - parseInt(lastSent))) / 1000);
  startCooldown(remaining);
  return;
}

<!-- Notification feature card from index.php -->
<div class="feature-card" data-aos="fade-up" data-aos-delay="400">
  <div class="feature-icon red">
    <i class="fas fa-bell"></i>
  </div>
  <h3 class="feature-title">Alertas</h3>
  <p class="feature-description">
    Recibe notificaciones cuando te acerques a tus límites de gasto.
  </p>
</div>

// Timestamp generation from email.js
const now = new Date();
const formattedTime = now.toLocaleString('default', {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
  hour12: false
});