From 340c8fe093a7ad5bc16370e3dd3d980428c57daa Mon Sep 17 00:00:00 2001
From: Swift <amirshayan1381@yahoo.com>
Date: Wed, 24 Jan 2024 22:37:22 +0330
Subject: [PATCH] fix

---
 components/header/MobileMenu.vue |   9 ++-
 components/header/SiteHeader.vue |   3 +
 pages/contact/index.vue          | 109 +++++++++++++++++++++++++++++++
 3 files changed, 118 insertions(+), 3 deletions(-)
 create mode 100644 pages/contact/index.vue

diff --git a/components/header/MobileMenu.vue b/components/header/MobileMenu.vue
index 8554ba4..ea232b3 100644
--- a/components/header/MobileMenu.vue
+++ b/components/header/MobileMenu.vue
@@ -3,7 +3,7 @@
     <nav class="body">
       <ul>
         <nuxt-link :to="{ name: 'announcements' }" tag="li">
-              <a>اطلاعیه ها </a>
+          <a>اطلاعیه ها </a>
         </nuxt-link>
         <nuxt-link :to="{ name: 'index' }" exact tag="li">
           <a>استعلام گارانتی</a>
@@ -18,8 +18,11 @@
           <a>درباره ما</a>
         </nuxt-link>
         <li>
-              <a href="https://jobs.asan-service.com" >همکاری</a>
-            </li>
+          <a href="https://jobs.asan-service.com">همکاری</a>
+        </li>
+        <nuxt-link :to="{ name: 'contact' }" tag="li">
+          <a>ارتباط با ما</a>
+        </nuxt-link>
       </ul>
       <div class="title">
         <!--				<span>نمایندگی</span>-->
diff --git a/components/header/SiteHeader.vue b/components/header/SiteHeader.vue
index 703ac7c..75bf8fa 100644
--- a/components/header/SiteHeader.vue
+++ b/components/header/SiteHeader.vue
@@ -68,6 +68,9 @@
             <li>
               <a href="https://jobs.asan-service.com" >همکاری</a>
             </li>
+            <nuxt-link :to="{ name: 'contact' }" tag="li">
+              <a>ارتباط با ما</a>
+            </nuxt-link>
           </ul>
         </nav>
         <nav class="col-2 d-none d-lg-flex account">
diff --git a/pages/contact/index.vue b/pages/contact/index.vue
new file mode 100644
index 0000000..d983460
--- /dev/null
+++ b/pages/contact/index.vue
@@ -0,0 +1,109 @@
+<template>
+    <div class="contact--page page">
+      <section class="s1">
+        <div class="container">
+          <div class="row">
+            <div class="col-12 col-md-6 message">
+              <form class="form form_1" @submit.prevent="send">
+                <div class="title">
+                  <p>برای ما پیام بگذارید:</p>
+                </div>
+                <div class="formRow" :class="validation.full_name ? 'err' : null">
+                  <input v-model="formData.full_name" type="text" placeholder="نام و نام خانوادگی" />
+                  <p v-if="validation.full_name">{{ validation.full_name.msg }}</p>
+                </div>
+                <div class="formRow" :class="validation.email ? 'err' : null">
+                  <input v-model="formData.email" type="text" class="email" placeholder="ایمیل" />
+                  <p v-if="validation.email">{{ validation.email.msg }}</p>
+                </div>
+                <div class="formRow" :class="validation.message ? 'err' : null">
+                  <textarea v-model="formData.message" rows="3" placeholder="پیام"></textarea>
+                  <p v-if="validation.message">{{ validation.message.msg }}</p>
+                </div>
+                <div class="btnRow">
+                  <button class="btn btn-primary" type="submit">ارسال پیام</button>
+                </div>
+              </form>
+            </div>
+            <div class="col-12 col-md-6 mt-5 mt-md-0 contact">
+              <div class="info">
+                <ul>
+                  <li>
+                    <p>
+                      <i class="fal fa-map-marker-alt"></i>
+                      <span> {{ config.address }} </span>
+                    </p>
+                  </li>
+                  <li>
+                    <a :href="`tel: ${config.contactTel}`">
+                      <i class="fal fa-phone"></i>
+                      <span>{{ config.contactTel }}</span>
+                    </a>
+                  </li>
+                  <li>
+                    <a :href="`mailto: ${config.contactEmail}`">
+                      <i class="fal fa-envelope"></i>
+                      <span>{{ config.contactEmail }}</span>
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    name: 'ContactUsPage',
+    data() {
+      return {
+        formData: {
+          full_name: '',
+          email: '',
+          message: ''
+        },
+        validation: {}
+      }
+    },
+    head() {
+      return {
+        title: 'آسان سرویس | ارتباط با ما'
+      }
+    },
+    computed: {
+      config() {
+        return this.$config
+      }
+    },
+    methods: {
+      send() {
+        this.validation = {}
+        this.$axios
+          .post(`/api/public/contact`, this.formData)
+          .then(res => {
+            this.$message({
+              type: 'success',
+              message: 'پیام شما با موفقیت ارسال شد.'
+            })
+            this.formData = {
+              full_name: '',
+              email: '',
+              message: ''
+            }
+          })
+          .catch(err => {
+            if (err.response.status === 422) this.validation = err.response.data.validation
+            else {
+              this.$message({
+                type: 'error',
+                message: err.response.data.message
+              })
+            }
+          })
+      }
+    }
+  }
+  </script>
\ No newline at end of file