From 5b94f2c4b33f09dc715574ae729adb3c8863c4f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= <michal.kvacek@performax.cz>
Date: Thu, 1 Feb 2024 07:20:54 +0100
Subject: [PATCH] Kontaktni form

---
 src/pages/public/ContactPage.vue | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/pages/public/ContactPage.vue b/src/pages/public/ContactPage.vue
index 2edfb35..969280a 100644
--- a/src/pages/public/ContactPage.vue
+++ b/src/pages/public/ContactPage.vue
@@ -4,7 +4,8 @@ import ContentCard from "components/ContentCard.vue";
 import {ref} from "vue";
 import {commonProps} from "src/composables/inputs";
 import {useQuasar} from "quasar";
-import {successObject} from "src/composables/dialog";
+import {errorObject, successObject} from "src/composables/dialog";
+import {api, axios} from "boot/axios";
 
 useAppStore().setPageTitle("Kontakt");
 useAppStore().setBreadcrumbs([
@@ -19,23 +20,28 @@ const formData = ref({
 
 const $q = useQuasar();
 const sendMessage = () => {
-  console.log(formData.value);
-  $q.notify(successObject("Zpráva byla jakoby odeslána"));
+  api.post("contact", {
+    email_from: formData.value.email,
+    content: formData.value.content
+  }).then((e) => {
+    $q.notify(successObject("Zpráva byla jakoby odeslána"));
+    formData.value = {email: "", content: ""};
+  }).catch(() => {
+    $q.notify(errorObject("Zprávu se nepodařilo odeslat.  Zkus to znovu za chvíli."));
+  })
 }
 </script>
 
 <template>
-  <ContentCard>
+  <ContentCard title="Kontaktní formulář">
     <template #content>
       <q-card-section>
-
         <q-form @submit="sendMessage">
           <q-input v-bind="commonProps" v-model="formData.email" label="Tvůj e-mail pro odpověď"/>
-          <q-input v-bind="commonProps" v-model="formData.content" type="textarea" label="Tvoje zpráva" />
+          <q-input v-bind="commonProps" v-model="formData.content" type="textarea" label="Tvoje zpráva"/>
           <q-btn type="submit" color="primary" class="full-width q-my-md">Odeslat</q-btn>
         </q-form>
       </q-card-section>
     </template>
-
   </ContentCard>
 </template>