From 20dcbb82ab3c8e5e626592a0865577dd25237756 Mon Sep 17 00:00:00 2001
From: Chris Cochrun <chris@cochrun.xyz>
Date: Fri, 11 Nov 2022 15:16:08 -0600
Subject: [PATCH] adding parent, teacher, and church mt forms

---
 content/mt-church-form.md               |  10 +++
 content/mt-parent-form.md               |  10 +++
 content/mt-teacher-form.md              |  10 +++
 layouts/shortcodes/mt-church-form.html  |  92 ++++++++++++++++++++
 layouts/shortcodes/mt-parent-form.html  | 108 +++++++++++++++++++++++
 layouts/shortcodes/mt-teacher-form.html | 110 ++++++++++++++++++++++++
 6 files changed, 340 insertions(+)
 create mode 100644 content/mt-church-form.md
 create mode 100644 content/mt-parent-form.md
 create mode 100644 content/mt-teacher-form.md
 create mode 100644 layouts/shortcodes/mt-church-form.html
 create mode 100644 layouts/shortcodes/mt-parent-form.html
 create mode 100644 layouts/shortcodes/mt-teacher-form.html

diff --git a/content/mt-church-form.md b/content/mt-church-form.md
new file mode 100644
index 0000000..81cf8d5
--- /dev/null
+++ b/content/mt-church-form.md
@@ -0,0 +1,10 @@
+---
+title: "Mission Trip Church Form"
+date: 2022-11-11T15:03:48-06:00
+omit_header_text: true
+layout: simple
+sharingLinks: false
+---
+> This reference form will be confidential. If you need to, you can print this page and return it to TFC Connection 662 7th St Phillipsburg, KS 67661 by February 10th in order for your teen to be considered for Mission Trip.
+
+{{< mt-church-form >}}
diff --git a/content/mt-parent-form.md b/content/mt-parent-form.md
new file mode 100644
index 0000000..80424df
--- /dev/null
+++ b/content/mt-parent-form.md
@@ -0,0 +1,10 @@
+---
+title: "Mission Trip Parent Form"
+date: 2022-11-11T14:47:35-06:00
+omit_header_text: true
+layout: simple
+sharingLinks: false
+---
+> This reference form is to help us understand your teenager better and it will be kept confidential. We consider it a privilege to work with your teenager, but as we consider them for this mission project, we would appreciate your valuable insight. If you need to, you can print this page and return it to TFC Connection 662 7th St Phillipsburg, KS 67661 by February 10th in order for your teen to be considered for Mission Trip.
+
+{{< mt-parent-form >}}
diff --git a/content/mt-teacher-form.md b/content/mt-teacher-form.md
new file mode 100644
index 0000000..8670176
--- /dev/null
+++ b/content/mt-teacher-form.md
@@ -0,0 +1,10 @@
+---
+title: "Mission Trip Teacher Form"
+date: 2022-11-11T15:03:43-06:00
+omit_header_text: true
+layout: simple
+sharingLinks: false
+---
+> Thank you for taking the time to fill out the form. This reference form will be confidential. If you need to, you can print this page and return it to TFC Connection 662 7th St Phillipsburg, KS 67661 by February 10th in order for your teen to be considered for Mission Trip.
+
+{{< mt-teacher-form >}}
diff --git a/layouts/shortcodes/mt-church-form.html b/layouts/shortcodes/mt-church-form.html
new file mode 100644
index 0000000..998508e
--- /dev/null
+++ b/layouts/shortcodes/mt-church-form.html
@@ -0,0 +1,92 @@
+{{ $formClasses := "bg-neutral-500 text-neutral-50 placeholder-neutral-300 focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-transparent m-2 p-3 rounded-lg hover:bg-neutral-500 checked:text-neutral-500" }}
+
+<script>
+ function submitForm(e) {
+     e.preventDefault();
+     const form = document.getElementById('form');
+     const data = new FormData(form);
+ 
+     var xhr = new XMLHttpRequest();
+     xhr.open("POST", "https://n8n.tfcconnection.org/webhook/mt-church-form");
+     xhr.send(data);
+     console.log(data);
+     console.log("Hallo!");
+     return false;
+ }
+</script>
+
+<div id="mt-form" class="form text-lg w-full">
+    <form id='form' onsubmit="submitForm(event)" autocomplete="on" method="post" target="_parent" class="w-full items-center flex flex-wrap">
+        <div class="basis-full flex flex-wrap my-4">
+            <label for="firstname" class="basis-full">What is your first and last name?</label>
+            <br/>
+            <input type="text" id="firstname" name="firstname"
+                   placeholder="First Name" class="flex-1 form-input {{ $formClasses }}">
+            <input type="text" id="lastname" name="lastname"
+                   placeholder="Last Name" class="flex-1 form-input {{ $formClasses }}">
+        </div>
+        <div class="basis-full flex flex-wrap my-4">
+            <label for="studentnfirstname" class="basis-full">Teenager's first and last name?</label>
+            <input type="text" id="studentfirstname" name="studentfirstname"
+                   class="flex-1 form-input {{ $formClasses }}"
+                   placeholder="First Name">
+            <input type="text" id="studentlastname" name="studentlastname"
+                   class="flex-1 form-input {{ $formClasses }}"
+                   placeholder="Last Name">
+        </div>
+        <div class="basis-full flex flex-wrap my-4">
+            <label for="relationship" class="basis-full">Relationship to Teen</label>
+            <input type="text" id="relationship" name="relationship"
+                   class="flex-1 form-input {{ $formClasses }}"
+                   placeholder="First Name">
+        </div>
+        <div class="basis-full mt-10">
+            <label for="walk-with-jesus" class="p-4">
+                How would you describe this teenager's personal walk with Jesus?
+            </label>
+            <br/>
+            <textarea id="walk-with-jesus" name="walk-with-jesus"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder="notes..."></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="commitment" class="p-4">
+                How would you rate the teenager's commitment to church and it's activities?
+            </label>
+            <br/>
+            <textarea id="commitment" name="commitment"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="teachable" class="p-4">
+                How would you describe the teen's teachable spirit and willingness to serve others?
+            </label>
+            <br/>
+            <textarea id="teachable" name="teachable"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="characteristics" class="p-4">
+                What positive or negative characteristics do you see this teen bringing to a mission trip team?
+            </label>
+            <br/>
+            <textarea id="characteristics" name="characteristics"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="extra-info" class="p-4">
+                What else would you like to tell us about this teenager that might be relevant as we consider them for a Mission Trip?
+            </label>
+            <br/>
+            <textarea id="extra-info" name="extra-info"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full">
+            <button type="submit" class="content-right rounded-lg bg-primary-700 h-12 w-24 focus:bg-primary-900 focus:ring focus:ring-primary-700 hover:bg-primary-900 float-right">Submit</button>
+        </div>
+    </form>
+</div>
diff --git a/layouts/shortcodes/mt-parent-form.html b/layouts/shortcodes/mt-parent-form.html
new file mode 100644
index 0000000..d84b892
--- /dev/null
+++ b/layouts/shortcodes/mt-parent-form.html
@@ -0,0 +1,108 @@
+{{ $formClasses := "bg-neutral-500 text-neutral-50 placeholder-neutral-300 focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-transparent m-2 p-3 rounded-lg hover:bg-neutral-500 checked:text-neutral-500" }}
+
+<script>
+ function submitForm(e) {
+     e.preventDefault();
+     const form = document.getElementById('form');
+     const data = new FormData(form);
+ 
+     var xhr = new XMLHttpRequest();
+     xhr.open("POST", "https://n8n.tfcconnection.org/webhook/mt-parent-form");
+     xhr.send(data);
+     console.log(data);
+     console.log("Hallo!");
+     return false;
+ }
+</script>
+
+<div id="mt-form" class="form text-lg w-full">
+    <form id='form' onsubmit="submitForm(event)" autocomplete="on" method="post" target="_parent" class="w-full items-center flex flex-wrap">
+        <div class="basis-full flex flex-wrap my-4">
+            <label for="firstname" class="basis-full">What is your first and last name?</label>
+            <br/>
+            <input type="text" id="firstname" name="firstname"
+                   placeholder="First Name" class="flex-1 form-input {{ $formClasses }}">
+            <input type="text" id="lastname" name="lastname"
+                   placeholder="Last Name" class="flex-1 form-input {{ $formClasses }}">
+        </div>
+        <div class="basis-full flex flex-wrap my-4">
+            <label for="studentnfirstname" class="basis-full">Teenager's first and last name?</label>
+            <input type="text" id="studentfirstname" name="studentfirstname"
+                   class="flex-1 form-input {{ $formClasses }}"
+                   placeholder="First Name">
+            <input type="text" id="studentlastname" name="studentlastname"
+                   class="flex-1 form-input {{ $formClasses }}"
+                   placeholder="Last Name">
+        </div>
+        <label for="email" class="basis-full">What is your email address?</label>
+        <input type="email" id="email" name="email"
+               pattern="^[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*@[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*$"
+               class="basis-full form-input {{ $formClasses }}">
+        <div class="basis-full mt-10">
+            <label for="tripnotes" class="p-4">
+                Describe how your teenager responds to authority (towards you and others):
+            </label>
+            <br/>
+            <textarea id="tripnotes" name="tripnotes"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder="notes..."></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="positive" class="p-4">
+                Positive characteristics you see in your teenager are:
+            </label>
+            <br/>
+            <textarea id="positive" name="positive"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="negative" class="p-4">
+                Negative characteristics you see in your teenager are:
+            </label>
+            <br/>
+            <textarea id="negative" name="negative"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="family-relation" class="p-4">
+                How does your teenager relate and respond within your family unit?
+            </label>
+            <br/>
+            <textarea id="family-relation" name="family-relation"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="previous-trip-info" class="p-4">
+                If your teen has been on a previous Mission Trip, describe any positive or negative changes you noticed in their lives.
+            </label>
+            <br/>
+            <textarea id="previous-trip-info" name="previous-trip-info"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="trip-feelings" class="p-4">
+                Please tell us any negative or positive feelings you have about your teenager being involved in this trip:
+            </label>
+            <br/>
+            <textarea id="trip-feelings" name="trip-feelings"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="extra-info" class="p-4">
+                What else would you like to tell us about your teenager that might be relevant as we consider them for a Mission Trip?
+            </label>
+            <br/>
+            <textarea id="extra-info" name="extra-info"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full">
+            <button type="submit" class="content-right rounded-lg bg-primary-700 h-12 w-24 focus:bg-primary-900 focus:ring focus:ring-primary-700 hover:bg-primary-900 float-right">Submit</button>
+        </div>
+    </form>
+</div>
diff --git a/layouts/shortcodes/mt-teacher-form.html b/layouts/shortcodes/mt-teacher-form.html
new file mode 100644
index 0000000..e9a0097
--- /dev/null
+++ b/layouts/shortcodes/mt-teacher-form.html
@@ -0,0 +1,110 @@
+{{ $formClasses := "bg-neutral-500 text-neutral-50 placeholder-neutral-300 focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 focus:ring-offset-transparent m-2 p-3 rounded-lg hover:bg-neutral-500 checked:text-neutral-500" }}
+
+<script>
+ function submitForm(e) {
+     e.preventDefault();
+     const form = document.getElementById('form');
+     const data = new FormData(form);
+ 
+     var xhr = new XMLHttpRequest();
+     xhr.open("POST", "https://n8n.tfcconnection.org/webhook/mt-parent-form");
+     xhr.send(data);
+     console.log(data);
+     console.log("Hallo!");
+     return false;
+ }
+</script>
+
+<div id="mt-form" class="form text-lg w-full">
+    <form id='form' onsubmit="submitForm(event)" autocomplete="on" method="post" target="_parent" class="w-full items-center flex flex-wrap">
+        <div class="basis-full flex flex-wrap my-4">
+            <label for="firstname" class="basis-full">What is your first and last name?</label>
+            <br/>
+            <input type="text" id="firstname" name="firstname"
+                   placeholder="First Name" class="flex-1 form-input {{ $formClasses }}">
+            <input type="text" id="lastname" name="lastname"
+                   placeholder="Last Name" class="flex-1 form-input {{ $formClasses }}">
+        </div>
+        <div class="basis-full flex flex-wrap my-4">
+            <label for="studentnfirstname" class="basis-full">Teenager's first and last name?</label>
+            <input type="text" id="studentfirstname" name="studentfirstname"
+                   class="flex-1 form-input {{ $formClasses }}"
+                   placeholder="First Name">
+            <input type="text" id="studentlastname" name="studentlastname"
+                   class="flex-1 form-input {{ $formClasses }}"
+                   placeholder="Last Name">
+        </div>
+        <div class="basis-full flex flex-wrap my-4">
+            <label for="relationship" class="basis-full">Relationship to Teen</label>
+            <input type="text" id="relationship" name="relationship"
+                   class="flex-1 form-input {{ $formClasses }}"
+                   placeholder="First Name">
+        </div>
+        <div class="basis-full mt-10">
+            <label for="positive" class="p-4">
+                Positive characteristics you see in in this student are:
+            </label>
+            <br/>
+            <textarea id="positive" name="positive"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="negative" class="p-4">
+                Negative characteristics you see in in this student are:
+            </label>
+            <br/>
+            <textarea id="negative" name="negative"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="attitudes" class="p-4">
+                The attitudes and actions displayed by this student in your classroom are:
+            </label>
+            <br/>
+            <textarea id="attitudes" name="attitudes"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="team-challenges" class="p-4">
+                How do you see this teenager functioning within a team if they are challenged and pushed beyond their comfort zone?
+            </label>
+            <br/>
+            <textarea id="team-challenges" name="team-challenges"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="previous-trip-info" class="p-4">
+                If your teen has been on a previous Mission Trip, describe any positive or negative changes you noticed in their lives.
+            </label>
+            <br/>
+            <textarea id="previous-trip-info" name="previous-trip-info"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="trip-feelings" class="p-4">
+                Please tell us any negative or positive feelings you have about your teenager being involved in this trip:
+            </label>
+            <br/>
+            <textarea id="trip-feelings" name="trip-feelings"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full mt-10">
+            <label for="extra-info" class="p-4">
+                What else would you like to tell us about your teenager that might be relevant as we consider them for a Mission Trip?
+            </label>
+            <br/>
+            <textarea id="extra-info" name="extra-info"
+                      class="form-input w-full h-64 {{ $formClasses }}"
+                      placeholder=""></textarea>
+        </div>
+        <div class="basis-full">
+            <button type="submit" class="content-right rounded-lg bg-primary-700 h-12 w-24 focus:bg-primary-900 focus:ring focus:ring-primary-700 hover:bg-primary-900 float-right">Submit</button>
+        </div>
+    </form>
+</div>