From 8728d0ad9d0196154d180b2c73ec4410ca250c23 Mon Sep 17 00:00:00 2001
From: Olu Amey <ameye@chiefsoft.com>
Date: Thu, 12 Aug 2021 20:26:26 -0400
Subject: [PATCH] Message form added

---
 app/Controllers/Contact.php   | 21 ++++++++++++++++++
 app/Views/welcome_message.php | 42 ++++++++++++++++++++++++++++++-----
 2 files changed, 57 insertions(+), 6 deletions(-)
 create mode 100644 app/Controllers/Contact.php

diff --git a/app/Controllers/Contact.php b/app/Controllers/Contact.php
new file mode 100644
index 0000000..9d26fbf
--- /dev/null
+++ b/app/Controllers/Contact.php
@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Controllers;
+
+
+class Contact extends BaseController
+{
+
+    public function index()
+    {
+        $data = array();
+        $this->renderExtPage('developers', $data);
+    }
+
+    public function formMessage()
+    {
+        $returnMsg = "Message Received, we will get back in touch to follow up"; //<div class=\"col-lg-5\"><div class=\"form-group text-right\"></div></div>";
+        echo $returnMsg;
+    }
+
+}
\ No newline at end of file
diff --git a/app/Views/welcome_message.php b/app/Views/welcome_message.php
index eef7235..b9e18c2 100644
--- a/app/Views/welcome_message.php
+++ b/app/Views/welcome_message.php
@@ -371,14 +371,14 @@
                     </div>
                 </div>
                 <div class="col-12 col-md-12 col-lg-7 wow slideInRight" data-wow-delay=".5s">
-                    <form class="row contact-form row-padding" id="contact-form-data">
+                    <form class="row contact-form row-padding" id="contact-form-data" name="message_form">
                         <div class="col-12 col-lg-10" id="result"></div>
                         <div class="col-12 col-lg-10">
-                            <input type="text" name="userName" placeholder="Name" class="form-control">
-                            <input type="text" name="userPhone" placeholder="Contact No" class="form-control">
-                            <input type="email" name="userEmail" placeholder="Email" class="form-control">
-                            <textarea class="form-control" name="userMessage" rows="6" placeholder="Type Your Message Here"></textarea>
-                            <a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-trans rounded-pill w-100 contact_btn main-font">Submit Information</a>
+                            <input type="text" name="form_name" placeholder="Name" class="form-control">
+                            <input type="text" name="form_phone" placeholder="Contact No" class="form-control">
+                            <input type="email" name="form_email" placeholder="Email" class="form-control">
+                            <textarea class="form-control" name="form_message" rows="6" placeholder="Type Your Message Here"></textarea>
+                            <div id="group_result"><a  onclick="return sendMessage();"  id="group_submit"  class="btn btn-medium btn-rounded btn-trans rounded-pill w-100 contact_btn main-font">Submit Information</a></div>
                         </div>
                     </form>
                 </div>
@@ -386,7 +386,37 @@
         </div>
     </section>
     <!-- End Contact -->
+    <script type="text/javascript">
+        <!--
+        function sendMessage() {
+            if (document.message_form.form_name.value == '') {
+                alert('Please enter all fields to send the message!');
+                return false;
+            }
+            if (document.message_form.form_message.value == '') {
+                alert('Please enter all fields to send the message!');
+                return false;
+            }
 
+            const form_name = document.message_form.form_name.value;
+            const form_email = document.message_form.form_email.value;
+            const form_phone = document.message_form.form_phone.value;
+            const form_message = encodeURIComponent(JSON.stringify(document.message_form.form_message.value));
+
+            //  $('#group_result').html('Processing...');
+            $('#group_submit').prop('disabled', true);
+            //alert(element.value);
+            $.ajax({
+                url: "/contact/formMessage?jobID=100&form_name=" + form_name + "&form_message=" + form_message+ "&form_email=" + form_email+ "&form_phone=" + form_phone
+            }).done(function (data) {
+                $('#group_result').html(data);
+                document.offer_group.job_group.value = '';
+                $('#group_submit').prop('disabled', false);
+            });
+            return false;
+        }
+        // -->
+    </script>
     <!-- Start Scroll Top -->
     <div class="go-top"><i class="fas fa-angle-up"></i><i class="fas fa-angle-up"></i></div>
     <!-- End Scroll Top -->