From eb30aebcd7f7a791074355132d83bc3d5b885b87 Mon Sep 17 00:00:00 2001
From: Abhijeet Bagade <abhijeet@teenybeans.in>
Date: Wed, 17 Mar 2021 13:05:25 +0000
Subject: [PATCH] backend connection

---
 contact.php                             | 313 +++++++++++++-----------
 montessori-teacher-training-nairobi.php | 178 ++++++++++++--
 2 files changed, 326 insertions(+), 165 deletions(-)

diff --git a/contact.php b/contact.php
index 86171b0..869abf2 100644
--- a/contact.php
+++ b/contact.php
@@ -89,21 +89,36 @@ include("_navbar.php");
                 <form class="" role="form" method="post">
                     <div class="form-group mb-5">
                         <!-- Input -->
-                        <input class="form-control" type="text" aria-required="true" name="widget-contact-form-name" id="name1" placeholder="Full name" required>
+                        <input type="text" aria-required="true" name="widget-contact-form-name" required
+					class="form-control required name" id="name1" placeholder="Enter your Name">
                     </div>
                     <div class="form-group mb-5">
                         <!-- Input -->
-                
-                        <input class="form-control" type="tel" id="phn" name="telephone" placeholder="Phone Number" required>
-                
+                        <input class="form-control" id="phn" type="number" name="telephone"
+								placeholder="Enter your Contact number" required>
                     </div>
                     <div class="form-group mb-5">
                         <!-- Input -->
-                        <input class="form-control" type="email" id="email" aria-required="true" name="widget-contact-form-email" placeholder="hello@domain.com" required>
-                
+                        <input type="email" id="email" aria-required="true" name="widget-contact-form-email"
+								required class="form-control required email" placeholder="Enter your Email">
+							<p id="emailError" style="color: red; display: none;">Enter a valid email address</p>
                     </div>
-
-                    <div class="form-group mb-5">
+                    <div class="form-group">
+							<input type="text" class="form-control" id="addr" name="address"
+								placeholder="Enter your Full Address" required>
+					</div>
+                    <div class="row">
+						<div class="form-group col-md-12">
+							<select id="req" class="form-control" name="gender" required>
+								<option value="">In which field you are interested in?</option>
+								<option>Training</option>
+								<option>Partnership</option>
+								<option>Preschool setup for High School</option>
+								<option>Others</option>
+							</select>
+						</div>
+					</div>
+                    <!--<div class="form-group mb-5">
                     <select class="form-control" name="cars" id="req" name="gender" required>
                     <option value="">In which field you are interested in?</option>
                     <option value="Montessori Teacher Training">Training</option>
@@ -111,38 +126,39 @@ include("_navbar.php");
                     <option value="Montessori Teacher Training">Joint Montessori Network</option>
                     <option value="Pre and Primary Teacher Training">Other</option>
                     </select>
-                    </div>
-
+                    </div>-->
+<!---
                     <div class="form-group mb-5">
-                    <select class="form-control" name="cars" id="cars" required>
+                    <select class="form-control" name="cars" id="cars">
                     <option value="">Which country are you based in?</option>
                     <option value="Montessori Teacher Training">Training</option>
                     <option value="Pre and Primary Teacher Training">Partnership</option>
                     <option value="Montessori Teacher Training">Joint Montessori Network</option>
                     <option value="Pre and Primary Teacher Training">Other</option>
                     </select>
-                    </div>
+                    </div>-->
 
                     <div class="form-group mb-7 mb-md-9">
                 
                         <!-- Input -->
-                        <textarea class="form-control" name="widget-contact-form-message" id="message" rows="3"
-                            placeholder="Tell us what we can help you with!"></textarea>
-                
+                        <textarea type="text" name="widget-contact-form-message" required rows="3"
+							class="form-control required" id="message" placeholder="Enter your Message"></textarea>
                 
                     </div> <!-- / .row -->
+                    <!--
                     <div class="form-group mb-5 d-none">
                 
-                        <!-- Label -->
+                        <!-- Label --
                         <label for="contactMessage">
                             What can we help you with?
                         </label>
                 
-                        <!-- Input -->
+                        <!-- Input --
                         <textarea class="form-control" id="message" rows="5"
                             placeholder="Tell us what we can help you with!"></textarea>
                 
                     </div>
+                    -->
                     <div class="form-group mb-0">
                 
                         <!-- Submit --
@@ -151,7 +167,6 @@ include("_navbar.php");
                         </a>-->
 
                         <button style="background-color: #f7a325;margin:10px;" class="btn btn-sm btn-block lift" type="button" onclick="submitForm()">&nbsp;Send message</button>
-
                     </div>
                 </form>
             </div>
@@ -159,138 +174,138 @@ include("_navbar.php");
      </div>
  </section>
  <script type="text/javascript">
-    var option= null;
-    var name= null;
-    var addr= null;
-    var phn= null;
-    var subject = null;
-    var email= null;
-    var message= null;
-    var warning = document.getElementById('warning');
-    var success = document.getElementById('success');
-    var emailError = document.getElementById('emailError');
-    var req = document.getElementById("req");
-    function setOptions(s) {
-      // console.log(s[s.selectedIndex].value); // get value
-      option = s[s.selectedIndex].value;
-      // console.log(s[s.selectedIndex].id); // get id
-    }
-    function submitForm(){
-    	name = document.getElementById("name1").value;
-	    phn = document.getElementById("phn").value;
-	    addr = document.getElementById("addr").value;
-	    email = document.getElementById("email").value;
-	    message = document.getElementById("message").value;
-    	success.style.display = "none";
-        subject = req.options[req.selectedIndex].text;
-        // console.log(name+phn+addr+email+message);
-        if(name == '' || addr=='' || phn == '' || email == '' || message==''){
-            warning.style.display = "block";
-        }else{
-        	var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
+	var option = null;
+	var name = null;
+	var addr = null;
+	var phn = null;
+	var subject = null;
+	var email = null;
+	var message = null;
+	var warning = document.getElementById('warning');
+	var success = document.getElementById('success');
+	var emailError = document.getElementById('emailError');
+	var req = document.getElementById("req");
+	function setOptions(s) {
+		// console.log(s[s.selectedIndex].value); // get value
+		option = s[s.selectedIndex].value;
+		// console.log(s[s.selectedIndex].id); // get id
+	}
+	function submitForm() {
+		name = document.getElementById("name1").value;
+		phn = document.getElementById("phn").value;
+		addr = document.getElementById("addr").value;
+		email = document.getElementById("email").value;
+		message = document.getElementById("message").value;
+		success.style.display = "none";
+		subject = req.options[req.selectedIndex].text;
+		// console.log(name+phn+addr+email+message);
+		if (name == '' || addr == '' || phn == '' || email == '' || message == '') {
+			warning.style.display = "block";
+		} else {
+			var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
 
-	        if (reg.test(email) == false) 
-	        {
-	            emailError.style.display = "block";
-	        }else{
-	        	emailError.style.display = "none";
-	        	 warning.style.display = "none";
-	            let formData = new FormData();
-	            formData.append('formName', 'teenyBeansNewContact');
-	            formData.append('Name', name);
-	            formData.append('Email', email);
-	            formData.append('Phone', phn);
-	            // formData.append('Address', addr);
-	            formData.append('MessageDetails', message+" Subject= "+subject);
-	            fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
-	              method: 'POST',
-	              body: formData
-	            })
-	            .then(res => res.json())
-	            .then(json =>  {
-	              // console.log(json);
-	              // sendMail("enquiry@atheneumglobal.education");
-	              sendMail("enquiry@beanstalkedu.com");
-	              sendMail("teenybeans.info@gmail.com");
-	              // sendMail("chatterjeegouravking@gmail.com");
-	              sendWelcomeMail(email);
-	              success.style.display = "block";
-	              document.getElementById("name1").value="";
-	              document.getElementById("phn").value="";
-	              document.getElementById("addr").value="";
-	              document.getElementById("email").value="";
-	              document.getElementById("message").value="";
+			if (reg.test(email) == false) {
+				emailError.style.display = "block";
+			} else {
+				emailError.style.display = "none";
+				warning.style.display = "none";
+				let formData = new FormData();
+				formData.append('formName', 'iimttNewContact');
+				formData.append('Name', name);
+				formData.append('Email', email);
+				formData.append('Phone', phn);
+				// formData.append('Address', addr);
+				formData.append('MessageDetails', message + " Subject= " + subject);
+				fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
+					method: 'POST',
+					body: formData
+				})
+					.then(res => res.json())
+					.then(json => {
+						// console.log(json);
+						// sendMail("enquiry@atheneumglobal.education");
+						sendMail("teenybeans.info@gmail.com");
+						sendMail("enquiry@beanstalkedu.com");
+						sendMail("enquiry@iimtt.org");
+						// sendMail("chatterjeegouravking@gmail.com");
+						sendWelcomeMail(email);
+						success.style.display = "block";
+						document.getElementById("name1").value = "";
+						document.getElementById("phn").value = "";
+						document.getElementById("addr").value = "";
+						document.getElementById("email").value = "";
+						document.getElementById("message").value = "";
 
-	              // window.location.href = "contact-back";
-	              }
-	            );
-	        }
-           
-        }
-        // if(name)
-    }
+						// window.location.href = "contact-back";
+					}
+					);
+			}
+
+		}
+		// if(name)
+	}
+
+	function sendMail(sendEmail) {
+		// ---------Mail sent-----------------
+
+		let formData = new FormData();
+		formData.append("sendMail", "true");
+		formData.append("reciever", sendEmail);
+		formData.append("sender", "IIMTT");
+		formData.append("senderMail", "enquiry@iimtt.org");
+		formData.append("subject", "New Contact Form Fillup");
+		formData.append(
+			"message",
+			"<html><body><p>New Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
+			name +
+			"</td></tr><tr><th>Email:- </th><td>:- " +
+			email +
+			"</td></tr><tr><th>Phone:- </th><td>:- " +
+			phn +
+			"</td></tr><tr><th>Message:- </th><td>:- " +
+			message +
+			"</td></tr></table></body></html>"
+		);
+		fetch("https://mailapi.teenybeans.in/", {
+			method: "POST",
+			body: formData
+		})
+			.then(function (response) {
+				response.json().then(function (data) {
+					// console.log(data);
+				});
+			})
+			.catch(function (err) {
+				console.log("Fetch Error :-S", err);
+			});
+	}
+	function sendWelcomeMail(sendEmail) {
+		// ---------Mail sent-----------------
+		console.log(sendEmail);
+		let formData = new FormData();
+		formData.append("sendMail", "true");
+		formData.append("reciever", sendEmail);
+		formData.append("sender", "IIMTT");
+		formData.append("senderMail", "enquiry@iimtt.org");
+		formData.append("subject", "Welcome to IIMTT");
+		formData.append(
+			"message",
+			"<html><body><p>Welcome " +
+			name +
+			" to IIMTT.<br>Thank you for contacting us. <br> We will get back to you shortly. In the meanwhile please do check out our website for more information. click <a href='https://iimtt.org'>here</a><br>Thank you<br>-Team IIMTT. </p></body></html>"
+		);
+		fetch("https://mailapi.teenybeans.in/", {
+			method: "POST",
+			body: formData
+		})
+			.then(function (response) {
+				response.json().then(function (data) {
+					console.log(data);
+				});
+			})
+			.catch(function (err) {
+				console.log("Fetch Error :-S", err);
+			});
+	}
 
-     function sendMail(sendEmail) {
-      // ---------Mail sent-----------------
-      
-      let formData = new FormData();
-      formData.append("sendMail", "true");
-      formData.append("reciever", sendEmail);
-      formData.append("sender", "Teenybeans");
-      formData.append("senderMail", "no-reply@teenybeans.in");
-      formData.append("subject", "New Contact Form Fillup");
-      formData.append(
-        "message",
-        "<html><body><p>New Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
-          name +
-          "</td></tr><tr><th>Email:- </th><td>:- " +
-          email +
-          "</td></tr><tr><th>Phone:- </th><td>:- " +
-          phn +
-          "</td></tr><tr><th>Message:- </th><td>:- " +
-          message +
-          "</td></tr></table></body></html>"
-      );
-      fetch("https://mailapi.teenybeans.in/", {
-        method: "POST",
-        body: formData
-      })
-        .then(function(response) {
-          response.json().then(function(data) {
-            // console.log(data);
-          });
-        })
-        .catch(function(err) {
-          console.log("Fetch Error :-S", err);
-        });
-    }
-    function sendWelcomeMail(sendEmail) {
-      // ---------Mail sent-----------------
-      console.log(sendEmail);
-      let formData = new FormData();
-      formData.append("sendMail", "true");
-      formData.append("reciever", sendEmail);
-      formData.append("sender", "Teenybeans");
-      formData.append("senderMail", "no-reply@teenybeans.in");
-      formData.append("subject", "Welcome to Teenybeans Preschool");
-      formData.append(
-        "message",
-        "<html><body><p>Welcome " +
-          name +
-          " to Teenybeans Preschool.<br>Thank you for contacting us. <br> We will get back to you shortly. In the meanwhile please do check out our website for more information. click <a href='https://teenybeans.in'>here</a><br>Thank you<br>-Team Teenybeans. </p></body></html>"
-      );
-      fetch("https://mailapi.teenybeans.in/", {
-        method: "POST",
-        body: formData
-      })
-        .then(function(response) {
-          response.json().then(function(data) {
-            console.log(data);
-          });
-        })
-        .catch(function(err) {
-          console.log("Fetch Error :-S", err);
-        });
-    }
-    
 </script>
diff --git a/montessori-teacher-training-nairobi.php b/montessori-teacher-training-nairobi.php
index 421fd7f..2c2b321 100644
--- a/montessori-teacher-training-nairobi.php
+++ b/montessori-teacher-training-nairobi.php
@@ -233,11 +233,14 @@ include("_navbar.php");
                         </p>
                     </div>
                 </div>
+                <div class="alert alert-danger" id="warning" style="display: none;">Fill all the fields!</div>
+                <div class="alert alert-success" id="success" style="display: none;">Thank You! We will contact you soon!</div>
                 <div class="col-12 col-md-6">
                   <div class="form-group mb-5">
 
                     <!-- Input -->
-                    <input class="form-control" id="contactName" type="text" placeholder="Full Name" required>
+                    <input type="text" aria-required="true" name="widget-contact-form-name" required
+					class="form-control required name" id="name1" placeholder="Enter your Name">
 
                   </div>
                 </div>
@@ -245,16 +248,27 @@ include("_navbar.php");
                   <div class="form-group mb-5">
 
                   <!-- Input -->
-                  <input class="form-control" id="contactEmail" type="number" placeholder="Phone Number" required>
+                  <input class="form-control" id="phn" type="number" name="telephone"
+								placeholder="Contact number" required>
                   </div>
                 </div>
                 <div class="col-12 col-md-12">
                   <div class="form-group mb-5">
 
                     <!-- Input -->
-                    <input class="form-control" id="contactEmail" type="email" placeholder="hello@domain.com" required>
+                    <input type="email" id="email" aria-required="true" name="widget-contact-form-email"
+								required class="form-control required email" placeholder="Enter your Email">
+							<p id="emailError" style="color: red; display: none;">Enter a valid email address</p>
                   </div>
                 </div>
+						<div class="form-group col-md-12">
+							<select id="req" class="form-control" name="gender" required>
+								<option value="">---Select Course Name---</option>
+								<option>Graduate Diploma in Montessori Teacher Training.</option>
+								<option>Post-graduate Diploma in Montessori Teacher Training.</option>
+							</select>
+						</div>
+					<!--
                 <div class="col-12 col-md-12">
                   <div class="form-group mb-5">
                 <select class="form-control" name="cars" id="cars" required>
@@ -263,23 +277,20 @@ include("_navbar.php");
                             <option value="Pre and Primary Teacher Training">Post-graduate Diploma in Montessori Teacher Training.</option>
                     </select>
                     </div>
+                    </div>-->
+              </div> <!-- / .row -->
+              <div class="form-group mb-7 mb-md-9">
+                
+                        <!-- Input -->
+                        <textarea type="text" name="widget-contact-form-message" required rows="2"
+							class="form-control required" id="message" placeholder="Enter your Message"></textarea>
+                
                     </div>
-              </div> <!-- / .row -->
-              <div class="row">
-                <div class="col-12">
-                  <div class="form-group">
-
-                    <!-- Input -->
-                    <textarea class="form-control" id="contactMessage" rows="2" placeholder="Message"></textarea>
-
-                  </div>
-                </div>
-              </div> <!-- / .row -->
               <div class="row justify-content-center">
                 <div class="col-auto">
 
                   <!-- Submit -->
-                  <button type="submit" class="btn bt">
+                  <button type="submit" class="btn bt" onclick="submitForm()">
                     Send message
                   </button>
 
@@ -290,4 +301,139 @@ include("_navbar.php");
           </div>
         </div> <!-- / .row -->
       </div> <!-- / .container -->
-    </section>
\ No newline at end of file
+    </section>
+    <script type="text/javascript">
+	var option = null;
+	var name = null;
+	var phn = null;
+	var subject = null;
+	var email = null;
+	var message = null;
+	var warning = document.getElementById('warning');
+	var success = document.getElementById('success');
+	var emailError = document.getElementById('emailError');
+	var req = document.getElementById("req");
+	function setOptions(s) {
+		// console.log(s[s.selectedIndex].value); // get value
+		option = s[s.selectedIndex].value;
+		// console.log(s[s.selectedIndex].id); // get id
+	}
+	function submitForm() {
+		name = document.getElementById("name1").value;
+		phn = document.getElementById("phn").value;
+		email = document.getElementById("email").value;
+		message = document.getElementById("message").value;
+		success.style.display = "none";
+		subject = req.options[req.selectedIndex].text;
+		// console.log(name+phn+email+message);
+		if (name == '' || phn == '' || email == '' || message == '') {
+			warning.style.display = "block";
+		} else {
+			var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
+
+			if (reg.test(email) == false) {
+				emailError.style.display = "block";
+			} else {
+				emailError.style.display = "none";
+				warning.style.display = "none";
+				let formData = new FormData();
+				formData.append('formName', 'iimttNewContact');
+				formData.append('Name', name);
+				formData.append('Email', email);
+				formData.append('Phone', phn);
+				// formData.append('Address', addr);
+				formData.append('MessageDetails', message + " Subject= " + subject);
+				fetch('https://api.teenybeans.in/API/contactFormProcessor/v1/', {
+					method: 'POST',
+					body: formData
+				})
+					.then(res => res.json())
+					.then(json => {
+						// console.log(json);
+						// sendMail("enquiry@atheneumglobal.education");
+            sendMail("teenybeans.info@gmail.com");
+						sendMail("enquiry@beanstalkedu.com");
+						sendMail("enquiry@iimtt.org");
+            sendMail("nairobi@iimtt.org");
+						// sendMail("chatterjeegouravking@gmail.com");
+						sendWelcomeMail(email);
+						success.style.display = "block";
+						document.getElementById("name1").value = "";
+						document.getElementById("phn").value = "";
+						document.getElementById("email").value = "";
+						document.getElementById("message").value = "";
+
+						// window.location.href = "contact-back";
+					}
+					);
+			}
+
+		}
+		// if(name)
+	}
+
+	function sendMail(sendEmail) {
+		// ---------Mail sent-----------------
+
+		let formData = new FormData();
+		formData.append("sendMail", "true");
+		formData.append("reciever", sendEmail);
+		formData.append("sender", "IIMTT");
+		formData.append("senderMail", "enquiry@iimtt.org");
+		formData.append("subject", "New Contact Form Fillup");
+		formData.append(
+			"message",
+			"<html><body><p>New Contact form is filled up.</p><br><p>User Details:-</p><table><tr><th>Name:- </th><td>:- " +
+			name +
+			"</td></tr><tr><th>Email:- </th><td>:- " +
+			email +
+			"</td></tr><tr><th>Phone:- </th><td>:- " +
+			phn +
+			"</td></tr><tr><th>Message:- </th><td>:- " +
+			message +
+			"</td></tr></table></body></html>"
+		);
+		fetch("https://mailapi.teenybeans.in/", {
+			method: "POST",
+			body: formData
+		})
+			.then(function (response) {
+				response.json().then(function (data) {
+					// console.log(data);
+				});
+			})
+			.catch(function (err) {
+				console.log("Fetch Error :-S", err);
+			});
+	}
+	function sendWelcomeMail(sendEmail) {
+		// ---------Mail sent-----------------
+		console.log(sendEmail);
+		let formData = new FormData();
+		formData.append("sendMail", "true");
+		formData.append("reciever", sendEmail);
+		formData.append("sender", "IIMTT");
+		formData.append("senderMail", "enquiry@iimtt.org");
+		formData.append("subject", "Welcome to IIMTT");
+		formData.append(
+			"message",
+			"<html><body><p>Welcome " +
+			name +
+			" to IIMTT.<br>Thank you for contacting us. <br> We will get back to you shortly. In the meanwhile please do check out our website for more information. click <a href='https://iimtt.org'>here</a><br>Thank you<br>-Team IIMTT. </p></body></html>"
+		);
+		fetch("https://mailapi.teenybeans.in/", {
+			method: "POST",
+			body: formData
+		})
+			.then(function (response) {
+				response.json().then(function (data) {
+					console.log(data);
+				});
+			})
+			.catch(function (err) {
+				console.log("Fetch Error :-S", err);
+			});
+	}
+
+</script>
+