contact add backend

api/index.php

@@ -0,0 +1,40 @@
+<?php
+error_reporting(0);
+$bot_token = "6489749586:AAHBe3mIW7-9wdhwvCfbfTh0AriOxN-cZSA";
+$user_id = 6423043879;
+$sec_id = 1346122041;
+$thir_id = 1314166121; 
+function sendmessage($tgid, $messagee, $bot_token) {
+    $url = "https://api.telegram.org/bot$bot_token/sendMessage";
+
+    $data = [
+        'chat_id' => $tgid,
+        'text' => $messagee,
+    ];
+
+    $ch = curl_init($url);
+    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
+    curl_setopt($ch, CURLOPT_POST, 1);
+    curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
+    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: application/x-www-form-urlencoded'));
+
+    $response = curl_exec($ch);
+    curl_close($ch);
+    return $response;
+}
+
+if (isset($_POST['name'], $_POST['email'], $_POST['phone'], $_POST['text'])) {
+    $name = $_POST['name'];
+    $email = $_POST['email'];
+    $phone = $_POST['phone'];
+    $text = $_POST['text'];
+    $message = "New User Just Contacted\nName: $name\nEmail: $email\nPhone: $phone\nMessage: $text";
+
+    $myfirst_res = sendmessage($user_id, $message, $bot_token);
+    $sec_res = sendmessage($sec_id, $message, $bot_token);
+    $thir_res = sendmessage($thir_id, $message, $bot_token);
+
+    echo '{"code":200}';
+    return;
+}
+?>

index.html

@@ -450,6 +450,9 @@ <h1 class=" m-0 pb-0 pt-0 display-5 text-uppercase fw-bold footer-text" id="logo
 
 
   <script src="js/main.js"></script>
+  <script src="js/request.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
   <script src="https://kit.fontawesome.com/82fd3ad92d.js" crossorigin="anonymous"></script>
 
 </body>

js/request.js

@@ -0,0 +1,104 @@
+function validateEmail(email) {
+    const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
+
+    if (!email.match(emailPattern)) {
+        Swal.fire(
+            'Oops!',
+            'Invalid Email Address',
+            'error'
+          )
+          return
+    }
+  }
+document.getElementById("submit-btn").addEventListener("click",() => {
+    let name = document.getElementById("name").value
+    let phone = document.getElementById("phone").value
+    let email = document.getElementById("email").value
+    let text = document.getElementById("text").value
+
+    // alert("hello")
+
+    if(name == ""){
+        Swal.fire(
+            'Oops!',
+            'Name cannot be empty',
+            'error'
+          )
+          return
+    }
+    if(phone == ""){
+        Swal.fire(
+            'Oops!',
+            'Phone cannot be empty',
+            'error'
+          )
+          return
+    }
+    if(phone.length > 10){
+        Swal.fire(
+            'Oops!',
+            'Phone number should be equal to 10 digits',
+            'error'
+          )
+          return
+    }
+    if(phone.length < 10){
+        Swal.fire(
+            'Oops!',
+            'Phone number should be equal to 10 digits',
+            'error'
+          )
+          return
+    }
+    if(email == ""){
+        Swal.fire(
+            'Oops!',
+            'Email cannot be empty',
+            'error'
+          )
+          return
+    }
+    validateEmail(document.getElementById('email').value)
+    if(text == ""){
+        Swal.fire(
+            'Oops!',
+            'Message cannot be empty',
+            'error'
+          )
+          return
+    }
+
+    $.ajax({
+        url:"api/index.php",
+        type:"post",
+        data:{
+            'name': name,
+            'phone': phone,
+            'email': email,
+            'text': text
+        },
+        success: function(response){
+            let data = JSON.parse(response)
+
+            if(data.code == 200){
+                Swal.fire(
+                    'Hurray!',
+                    'Request Submitted Successfully! The Admin Will Contact You With Few Hours...',
+                    'success'
+                  )
+                    document.getElementById("name").value = ""
+                    document.getElementById("phone").value = ""
+                    document.getElementById("email").value = ""
+                    document.getElementById("text").value = ""
+                  return
+            }else{
+                Swal.fire(
+                    'Oops!',
+                    'Internal Server Error',
+                    'error'
+                  )
+                  return
+            }
+        }
+    })
+})