From 7ed867007b9408684b5f7f1b071ebaae925f7285 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 28 Jun 2021 21:44:51 +0200
Subject: [PATCH] add the CoachForm

---
 src/components/coaches/CoachForm.vue | 41 ++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 src/components/coaches/CoachForm.vue

diff --git a/src/components/coaches/CoachForm.vue b/src/components/coaches/CoachForm.vue
new file mode 100644
index 0000000..cfc97eb
--- /dev/null
+++ b/src/components/coaches/CoachForm.vue
@@ -0,0 +1,41 @@
+<template>
+  <form>
+    <div class="form-control">
+      <label for="firstname">Firstname</label>
+      <input type="text" id="firstname" />
+    </div>
+    <div class="form-control">
+      <label for="lastname">Lastname</label>
+      <input type="text" id="lastname" />
+    </div>
+    <div class="form-control">
+      <label for="description">Description</label>
+      <textarea id="description" rows="5"></textarea>
+    </div>
+    <div class="form-control">
+      <label for="rate">Hourly Rate</label>
+      <input type="number" id="rate" />
+    </div>
+    <div class="form-control">
+      <h3>Areas of Expertise</h3>
+      <div>
+        <input type="checkbox" id="backend" value="backend" />
+        <label for="backend">Backend Development</label>
+      </div>
+      <div>
+        <input type="checkbox" id="frontend" value="frontend" />
+        <label for="backend">Frontend Development</label>
+      </div>
+      <div>
+        <input type="checkbox" id="career" value="career" />
+        <label for="career">Career Advisory</label>
+      </div>
+    </div>
+  </form>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style></style>