contact.js

// contact form;

let contactSubmit = document.querySelector('#contact-submit-button');
contactSubmit.addEventListener('click', () => {
  const name = document.querySelector('#contact-name').value;
  const email = document.querySelector('#contact-email').value;
  const number = document.querySelector('#contact-number').value;
  const mssg = document.querySelector('#contact-feedback').value;

  // condition
  if (name.length && email.length && number.toString().length && mssg.length) {
    const textBody = `Name:\n${name}\n\nContact:\n${number}\n\nEmail:\n${email}\n\nMessage:\n\n${mssg}`;

    const body = `<h2>Message</h2><b>Name: ${name}</b><br /><b>Contact: ${number}</b><br /><b>Email: ${email}</b><br /><p>${mssg}</p>`;

    const bodyEncoded = new URLSearchParams();
    bodyEncoded.append('from_email', email);
    bodyEncoded.append('to_email', 'info@patanjalifranchise.store');
    bodyEncoded.append('subject', 'message');
    bodyEncoded.append('content', body);

    // email to patanjali dist
    fetch(
      'https://wt-4896982400a54bf82243b9417c45f1ea-0.sandbox.auth0-extend.com/sendgrid_Patanjali',
      {
        method: 'POST',
        body: bodyEncoded,
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded',
        },
      },
    )
      .then(res => {
        console.log(res);
        res.statusText === 'OK' ? alert('mail was sent succesfully') : null;
      })
      .catch(err => console.log(err));

    const rsvpBody = new URLSearchParams();
    rsvpBody.append('from_email', 'info@patanjalifranchise.store');
    rsvpBody.append('to_email', email);
    rsvpBody.append('subject', 'thank you for feedback');
    rsvpBody.append(
      'content',
      `<h2>Hello ${name}</h2><br /><h3>Thank you for contacting Patanjali Distributors, your feedbacks are appreciated.</h3>`,
    );

    // email to person applying
    fetch(
      'https://wt-4896982400a54bf82243b9417c45f1ea-0.sandbox.auth0-extend.com/sendgrid_Patanjali',
      {
        method: 'POST',
        body: rsvpBody,
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded',
        },
      },
    )
      .then(res => {
        console.log(res);
        res.statusText === 'OK' ? console.log('rsvp sent') : null;
      })
      .catch(err => console.log(err));
  } else {
    alert('Please fill out all the sections');
  }
});