Thank you for registering with EtherWheels.
We are excited to have you on board and help you find or share rides conveniently.
If you have any questions or need support, feel free to reach out.
Best regards,
EtherWheels Team
Dear [name],
Your ride has been successfully created!
Ride Details:
Thank you for offering to provide this ride. We will notify you when passengers book this ride.
Safe travels!
We are happy to inform you that your ride with [driverName] has been successfully completed.
Ride Summary:
Thank you for choosing Carpool App. We hope you had a pleasant experience!
We look forward to serving you again in the future. If you have any feedback or questions, feel free to reach out.
[Your Name] from Carpool App
diff --git a/frontend/app/register/driver/page.jsx b/frontend/app/register/driver/page.jsx index 93e7a1e..cd46534 100644 --- a/frontend/app/register/driver/page.jsx +++ b/frontend/app/register/driver/page.jsx @@ -1,23 +1,23 @@ -'use client'; +"use client"; import { Autocomplete, TextField } from "@mui/material"; -import Link from 'next/link'; -import { useRouter, useSearchParams } from 'next/navigation'; -import Papa from 'papaparse'; -import { useEffect, useState } from 'react'; -import styles from '../../styles/user-registration.module.css'; +import Link from "next/link"; +import { useRouter, useSearchParams } from "next/navigation"; +import Papa from "papaparse"; +import { useEffect, useState } from "react"; +import styles from "../../styles/user-registration.module.css"; const DriverRegistration = ({ data }) => { const [formData, setFormData] = useState({ - name: '', - age: '', - gender: '', - phone: '', - email: '', - carName: '', - carCapacity: '', - mileage: '', - fuel_type: '', + name: "", + age: "", + gender: "", + phone: "", + email: "", + carName: "", + carCapacity: "", + mileage: "", + fuel_type: "", }); const [carsData, setCarsData] = useState([]); @@ -25,13 +25,15 @@ const DriverRegistration = ({ data }) => { const [selectedCar, setSelectedCar] = useState([]); const [fare, setFare] = useState(0); const [distance, setDistance] = useState(100); - + useEffect(() => { const fetchData = async () => { - const response = await fetch('https://raw.githubusercontent.com/StephCurry07/carpooling-frontend/master/utils/cars-final.csv'); + const response = await fetch( + "https://raw.githubusercontent.com/StephCurry07/carpooling-frontend/master/utils/cars-final.csv" + ); const reader = response.body.getReader(); const result = await reader.read(); - const decoder = new TextDecoder('utf-8'); + const decoder = new TextDecoder("utf-8"); const csvString = decoder.decode(result.value); const { data } = Papa.parse(csvString, { header: true }); setCarsData(data); @@ -61,37 +63,60 @@ const DriverRegistration = ({ data }) => { }); }; - const handleSubmit = (e) => { + const handleCarChange = (event, newValue) => { + setSelectedCar(newValue); + setFormData({ + ...formData, + carName: newValue.Combined_Name, + carCapacity: newValue.Seating_Capacity, + mileage: newValue.City_Mileage, + fuel_type: newValue.Fuel_Type, + }); + }; + + const handleSubmit = async (e) => { e.preventDefault(); - // localStorage.setItem('formData', JSON.stringify(formData)); + + // Call the API to send confirmation email after the form is submitted + await sendEmailConfirmation(); + + // Proceed with redirection after email confirmation router.push({ - pathname: '/create-ride', + pathname: "/create-ride", }); }; - // const handleSubmit = (e) => { - // e.preventDefault(); - // console.log(formData); - - // localStorage.setItem('formData', JSON.stringify(formData)); - // window.location.href = '/create-ride'; - // }; + const sendEmailConfirmation = async () => { + const emailData = { + emailUser: process.env.NEXT_PUBLIC_EMAIL_USERNAME, // replace with your email + emailPass: process.env.NEXT_PUBLIC_EMAIL_PASSWORD, // replace with your email password + recipientEmails: [formData.email], // driver's email + senderName: "EtherWheels - A Ride Sharing Platform", // sender name + subject: "Driver Registration Confirmation", + placeholders: { + name: formData.name, + }, + templateId: 2, // Assuming you have a template for registration confirmation + }; - const handleCarChange = (event, newValue) => { - setSelectedCar(newValue); - // const { carName, value } = event.target; - setFormData({ - ...formData, - ['carName']: newValue.Combined_Name, - ['carCapacity']: newValue.Seating_Capacity, - ['mileage']: newValue.City_Mileage, - ['fuel_type']: newValue.Fuel_Type, - }); - console.log(newValue); + try { + const response = await fetch("/api/email", { + method: "POST", + headers: { + "Content-Type": "application/json", + }, + body: JSON.stringify(emailData), + }); + + const result = await response.json(); + console.log("Email response:", result); + } catch (error) { + console.error("Error sending email:", error); + } }; return ( -