From ed1c57a5b6750fcb360f294b2b1d86d92df55769 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Sun, 2 Jun 2019 23:36:07 +0100
Subject: [PATCH] Add session form

---
 src/App.vue                    |  5 ++++-
 src/components/SessionForm.vue | 40 ++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 src/components/SessionForm.vue

diff --git a/src/App.vue b/src/App.vue
index 7284cbe..6384644 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,6 +2,7 @@
   <div id="app" class="antialiased min-h-screen font-sans bg-gray-100 text-black p-12">
     <div class="w-full max-w-2xl mx-auto">
       <accepted-sessions-list :sessions="sortedSessions" />
+      <session-form></session-form>
     </div>
   </div>
 </template>
@@ -11,12 +12,14 @@
 <script>
 import _ from 'lodash'
 import AcceptedSessionsList from '@/components/AcceptedSessionsList'
+import SessionForm from '@/components/SessionForm'
 
 const axios = require('axios')
 
 export default {
   components: {
-    AcceptedSessionsList
+    AcceptedSessionsList,
+    SessionForm
   },
 
   data () {
diff --git a/src/components/SessionForm.vue b/src/components/SessionForm.vue
new file mode 100644
index 0000000..ecab52d
--- /dev/null
+++ b/src/components/SessionForm.vue
@@ -0,0 +1,40 @@
+<template>
+  <section class="mt-8">
+    <h3 class="text-2xl font-semibold mb-4">Submit a Session</h3>
+
+    <form action="" @submit.prevent="submit">
+      <label class="block mb-4">
+        Title
+        <input name="title" type="text" class="w-full border border-gray-400 p-2 mt-1" v-model="form.title" required/>
+      </label>
+
+      <label class="block mb-4">
+        Abstract
+        <textarea name="title" rows="5" class="w-full border border-gray-400 p-2 mt-1" v-model="form.body" required/>
+      </label>
+
+      <input class="cursor-pointer bg-blue-500 hover:bg-blue-700 focus:bg-blue-700 text-gray-100 px-4 py-2 rounded" type="submit" value="Submit session">
+    </form>
+  </section>
+</template>
+
+<script>
+import axios from 'axios'
+
+export default {
+  data () {
+    return {
+      form: {
+        body: '',
+        title: '',
+        field_session_status: 'accepted'
+      }
+    }
+  },
+
+  methods: {
+    submit () {
+    }
+  }
+}
+</script>