From aabf84a80cca62684148252f90f5f23756907719 Mon Sep 17 00:00:00 2001
From: Chris Cochrun <chris@cochrun.xyz>
Date: Sat, 5 Nov 2022 14:55:03 -0500
Subject: [PATCH] making the mt-form have some agreement before the form
 appears

---
 assets/css/compiled/main.css    | 25 +++++++++++++++++++++----
 layouts/shortcodes/mt-form.html | 33 +++++++++++++++++++++++++++++++++
 2 files changed, 54 insertions(+), 4 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index cf87b7e..c88531e 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1441,6 +1441,10 @@ select {
   order: -9999;
 }
 
+.m-2 {
+  margin: 0.5rem;
+}
+
 .m-auto {
   margin: auto;
 }
@@ -1453,6 +1457,14 @@ select {
   margin: 0.25rem;
 }
 
+.m-4 {
+  margin: 1rem;
+}
+
+.m-6 {
+  margin: 1.5rem;
+}
+
 .my-0 {
   margin-top: 0px;
   margin-bottom: 0px;
@@ -1635,14 +1647,14 @@ select {
   height: 100vh;
 }
 
-.h-24 {
-  height: 6rem;
-}
-
 .h-12 {
   height: 3rem;
 }
 
+.h-24 {
+  height: 6rem;
+}
+
 .h-1\/2 {
   height: 50%;
 }
@@ -2011,6 +2023,11 @@ select {
   --tw-gradient-to: rgba(var(--color-secondary-700), 1);
 }
 
+.box-decoration-slice {
+  -webkit-box-decoration-break: slice;
+          box-decoration-break: slice;
+}
+
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;
diff --git a/layouts/shortcodes/mt-form.html b/layouts/shortcodes/mt-form.html
index 9f85502..1073204 100644
--- a/layouts/shortcodes/mt-form.html
+++ b/layouts/shortcodes/mt-form.html
@@ -1,4 +1,37 @@
+
+<script>
+  function process() {
+      var studentAgree = document.getElementById("student-agree").checked;
+      console.log(studentAgree);
+      var parentAgree = document.getElementById("adult-agree").checked;
+      console.log(parentAgree);
+      if (studentAgree && parentAgree) {
+          document.getElementById('form').hidden = false
+          console.log("WOOHOO");
+      }
+      else {
+          document.getElementById('form').hidden = true
+          console.log("NEGATORY");
+      }
+  }
+  document.addEventListener('DOMContentLoaded', process);
+</script>
+
+<div class="m-4">
+  <div class="p-2">
+    <input type="checkbox" name="student-agree" id="student-agree" onclick="process()" />
+    <label for="student-agree">I agree to the above</label>
+  </div>
+  <div class="p-2">
+    <input type="checkbox" name="adult-agree" id="adult-agree" onclick="process()" />
+    <label for="adult-agree">Parent agrees to the above</label>
+  </div>
+</div>
+
+<div class="h-12" style="display: flex;"></div>
+
 <iframe
+  id="form"
   class="mt-form w-full h-screen"
   src="https://tbl.tfcconnection.org/dashboard/#/nc/form/771dc7dc-9a82-49e4-abfe-0fd7b72281f2?embed"
   frameborder="0"