From 7ebe25385b1310c9e105c19c1fdad692dccd19f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9?=
 <noreply@anthropic.com>
Date: Fri, 19 Jun 2026 15:04:17 +0300
Subject: [PATCH] =?UTF-8?q?feat(G7-A):=20=D1=8D=D0=BA=D1=80=D0=B0=D0=BD=20?=
 =?UTF-8?q?=C2=AB=D0=9F=D0=BE=D0=BC=D0=BE=D1=89=D1=8C=C2=BB=20(=D1=84?=
 =?UTF-8?q?=D0=BE=D1=80=D0=BC=D0=B0-=D0=B7=D0=B0=D1=8F=D0=B2=D0=BA=D0=B0)?=
 =?UTF-8?q?=20+=20=D0=BF=D1=83=D0=BD=D0=BA=D1=82=20=D0=BC=D0=B5=D0=BD?=
 =?UTF-8?q?=D1=8E=20+=20=D1=80=D0=BE=D1=83=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/resources/js/api/support.ts               | 11 +++
 .../js/components/layout/AppSidebar.vue       |  5 +-
 app/resources/js/router/index.ts              | 13 +++
 app/resources/js/views/HelpView.vue           | 95 +++++++++++++++++++
 4 files changed, 123 insertions(+), 1 deletion(-)
 create mode 100644 app/resources/js/api/support.ts
 create mode 100644 app/resources/js/views/HelpView.vue

diff --git a/app/resources/js/api/support.ts b/app/resources/js/api/support.ts
new file mode 100644
index 00000000..3087e38b
--- /dev/null
+++ b/app/resources/js/api/support.ts
@@ -0,0 +1,11 @@
+import { apiClient } from './client';
+
+export interface SupportRequestPayload {
+    name: string;
+    contact: string;
+    message: string;
+}
+
+export async function submitSupportRequest(payload: SupportRequestPayload): Promise<void> {
+    await apiClient.post('/api/support-requests', payload);
+}
diff --git a/app/resources/js/components/layout/AppSidebar.vue b/app/resources/js/components/layout/AppSidebar.vue
index 04c455f0..ce7d33f4 100644
--- a/app/resources/js/components/layout/AppSidebar.vue
+++ b/app/resources/js/components/layout/AppSidebar.vue
@@ -61,7 +61,10 @@ const navGroups = computed<NavGroup[]>(() => [
     },
     {
         eyebrow: 'Команда',
-        items: [{ title: 'Настройки', icon: 'mdi-cog-outline', to: '/settings' }],
+        items: [
+            { title: 'Настройки', icon: 'mdi-cog-outline', to: '/settings' },
+            { title: 'Помощь', icon: 'mdi-lifebuoy', to: '/help' },
+        ],
     },
 ]);
 
diff --git a/app/resources/js/router/index.ts b/app/resources/js/router/index.ts
index 6a8ad4ce..97a85831 100644
--- a/app/resources/js/router/index.ts
+++ b/app/resources/js/router/index.ts
@@ -300,6 +300,19 @@ const routes: RouteRecordRaw[] = [
             devLabel: 'Admin PD Requests',
         },
     },
+    {
+        path: '/help',
+        name: 'help',
+        component: () => import('../views/HelpView.vue'),
+        meta: {
+            layout: 'app',
+            title: 'Помощь',
+            requiresAuth: true,
+            transition: 'ld-route-fadeup',
+            devIndex: 33,
+            devLabel: 'Помощь',
+        },
+    },
     // Error pages: 403/500 явные + catch-all 404 (всегда последний).
     {
         path: '/403',
diff --git a/app/resources/js/views/HelpView.vue b/app/resources/js/views/HelpView.vue
new file mode 100644
index 00000000..820a139a
--- /dev/null
+++ b/app/resources/js/views/HelpView.vue
@@ -0,0 +1,95 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { useAuthStore } from '../stores/auth';
+import { submitSupportRequest } from '../api/support';
+
+const auth = useAuthStore();
+
+const supportEmail =
+    document.querySelector('meta[name="support-email"]')?.getAttribute('content') ?? 'support@liderra.app';
+
+const name = ref(
+    [auth.user?.first_name, auth.user?.last_name].filter(Boolean).join(' ') || '',
+);
+const contact = ref(auth.user?.email ?? '');
+const message = ref('');
+const loading = ref(false);
+const sent = ref(false);
+const errorMsg = ref('');
+const fieldErrors = ref<Record<string, string[]>>({});
+
+async function submit() {
+    errorMsg.value = '';
+    fieldErrors.value = {};
+    if (!name.value.trim() || !contact.value.trim() || !message.value.trim()) {
+        errorMsg.value = 'Заполните все поля.';
+        return;
+    }
+    loading.value = true;
+    try {
+        await submitSupportRequest({ name: name.value, contact: contact.value, message: message.value });
+        sent.value = true;
+        message.value = '';
+    } catch (e: unknown) {
+        const err = e as { response?: { status?: number; data?: { errors?: Record<string, string[]> } } };
+        if (err.response?.status === 422 && err.response.data?.errors) {
+            fieldErrors.value = err.response.data.errors;
+        } else {
+            errorMsg.value = 'Не удалось отправить. Попробуйте ещё раз или напишите на почту.';
+        }
+    } finally {
+        loading.value = false;
+    }
+}
+</script>
+
+<template>
+    <div class="help-view pa-6" data-testid="help-view">
+        <h1 class="text-h5 mb-1">Помощь</h1>
+        <p class="text-body-2 text-medium-emphasis mb-6">
+            Напишите нам — ответим на ваш контакт. Можно по почте, через форму ниже или в чат справа.
+        </p>
+
+        <v-card variant="outlined" class="pa-5 mb-4" max-width="640">
+            <h3 class="text-subtitle-2 mb-2">Почта техподдержки</h3>
+            <a :href="`mailto:${supportEmail}`" class="text-primary" data-testid="support-email">{{ supportEmail }}</a>
+        </v-card>
+
+        <v-card variant="outlined" class="pa-5" max-width="640">
+            <h3 class="text-subtitle-2 mb-3">Оставить заявку</h3>
+
+            <v-alert v-if="sent" type="success" variant="tonal" class="mb-4" data-testid="support-sent">
+                Заявка отправлена. Мы свяжемся с вами по указанному контакту.
+            </v-alert>
+            <v-alert v-if="errorMsg" type="error" variant="tonal" class="mb-4">{{ errorMsg }}</v-alert>
+
+            <v-text-field
+                v-model="name"
+                label="Имя"
+                :error-messages="fieldErrors.name"
+                density="comfortable"
+                class="mb-2"
+                data-testid="support-name"
+            />
+            <v-text-field
+                v-model="contact"
+                label="Контакт (телефон или email)"
+                :error-messages="fieldErrors.contact"
+                density="comfortable"
+                class="mb-2"
+                data-testid="support-contact"
+            />
+            <v-textarea
+                v-model="message"
+                label="Сообщение"
+                :error-messages="fieldErrors.message"
+                rows="4"
+                density="comfortable"
+                class="mb-3"
+                data-testid="support-message"
+            />
+
+            <v-btn color="primary" :loading="loading" data-testid="support-submit" @click="submit">Отправить</v-btn>
+        </v-card>
+    </div>
+</template>