From eac57f9decbfbdbe34b46dfe08718b6c15c37a83 Mon Sep 17 00:00:00 2001
From: Leonard Smith <lenrsmith@gmail.com>
Date: Wed, 7 Apr 2021 07:51:53 -0500
Subject: [PATCH] Add some fields to the contact-us form and enable mailto

---
 app/templates/contact-us.hbs | 30 ++++++++++++++++++++++++------
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/app/templates/contact-us.hbs b/app/templates/contact-us.hbs
index 8d2d61f..8c5f1df 100644
--- a/app/templates/contact-us.hbs
+++ b/app/templates/contact-us.hbs
@@ -4,29 +4,47 @@
       <h1>Contact Us</h1>
     </div>
   </div>
-  <form>
+  <form action="mailto:training_wa@wycliffeassociates.org" method="get" enctype="text/plain">
     <div class="row">
       <div class="col-6 col-lg-4 mb-4">
-        <input type="text" class="form-control" placeholder="First name">
+        <input type="text" class="form-control" name="firstname" id="firstname" placeholder="First name">
       </div>
       <div class="col-6 col-lg-4 mb-4">
-        <input type="text" class="form-control" placeholder="Last name">
+        <input type="text" class="form-control" name="lastname" id="lastname" placeholder="Last name">
       </div>
     </div>
     <div class="row">
       <div class="col-12 col-lg-8 mb-4">
-        <input type="email" class="form-control" placeholder="Email Address">
+        <input type="email" class="form-control" name="email-address" id="email-address" placeholder="Email Address">
       </div>
     </div>
     <div class="row">
       <div class="col-12 col-lg-8 mb-4">
-        <textarea class="form-control" id="Message" rows="7" placeholder="Your Message"></textarea>
+        <input type="text" class="form-control" name="company-name" id="company-address" placeholder="Company Name">
       </div>
     </div>
     <div class="row">
-      <div class="col-12 mb-4">
+      <div class="col-12 col-lg-8 mb-4">
+        <input type="text" class="form-control" name="address" id="address" placeholder="Address">
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12 col-lg-8 mb-4">
+        <input type="text" class="form-control" name="phone" id="phone" placeholder="Phone">
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-12 col-lg-8 mb-4">
+        <textarea class="form-control" id="message" rows="7" name="message" placeholder="Your Message"></textarea>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col6 mb-4">
         <input class="btn btn-secondary" type="submit" value="Send Message">
       </div>
+      <div class="col-6 mb-4">
+        <input class="btn btn-secondary" type="reset" name="reset" value="Clear Form" />
+      </div>
     </div>
 
   </form>