From 6b13b1231a1e0299294081f39cbf86517fa33adb Mon Sep 17 00:00:00 2001
From: Alexandrina-Kuzeleva <alaz2005tv@gmail.com>
Date: Wed, 12 Nov 2025 17:18:03 +0300
Subject: [PATCH] UPD 5

- add Profiles for Student, Schoolchildren, Parent, Course Creator
---
 frontend/src/pages/CourseCreatorProfile.vue  | 594 ++++++++++++++++++
 frontend/src/pages/ParentProfile.vue         | 436 ++++++++++++++
 frontend/src/pages/SchoolchildrenProfile.vue | 576 ++++++++++++++++++
 frontend/src/pages/StudentProfile.vue        | 603 +++++++++++++++++++
 frontend/src/router.js                       |  21 +
 5 files changed, 2230 insertions(+)
 create mode 100644 frontend/src/pages/CourseCreatorProfile.vue
 create mode 100644 frontend/src/pages/ParentProfile.vue
 create mode 100644 frontend/src/pages/SchoolchildrenProfile.vue
 create mode 100644 frontend/src/pages/StudentProfile.vue

diff --git a/frontend/src/pages/CourseCreatorProfile.vue b/frontend/src/pages/CourseCreatorProfile.vue
new file mode 100644
index 00000000..1c4af3be
--- /dev/null
+++ b/frontend/src/pages/CourseCreatorProfile.vue
@@ -0,0 +1,594 @@
+<template>
+  <div>
+    <NoPermission v-if="!$user.data" />
+    <div v-else-if="profile.error">
+      <p class="text-red-500">Ошибка загрузки профиля: {{ profile.error.message }}</p>
+    </div>
+    <div v-else-if="profile.data">
+      <header class="sticky top-0 z-10 flex items-center justify-between border-b bg-surface-white px-3 py-2.5">
+        <Breadcrumbs class="h-7" :items="breadcrumbs" />
+      </header>
+
+      <div class="mx-auto -mt-10 max-w-4xl px-5">
+        <div class="flex items-center min-h-[100px]">
+          <div class="ml-6">
+            <h2 class="mt-2 text-3xl font-semibold text-ink-gray-9">{{ displayName }}</h2>
+            <div class="mt-2 text-base text-ink-gray-7">{{ profile.data.headline || '' }}</div>
+          </div>
+          <div class="ml-auto" v-if="$user.data && isSessionUser()">
+            <Button @click="toggleEdit()">
+              <template #prefix>
+                <Edit class="w-4 h-4 stroke-1.5 text-ink-gray-7" />
+              </template>
+              {{ editMode ? 'Отмена' : 'Редактировать' }}
+            </Button>
+          </div>
+        </div>
+
+        <!-- VIEW MODE -->
+        <div v-if="!editMode" class="mt-4 space-y-3">
+          <div v-if="schoolProfile.loading">
+            <p>Загрузка данных профиля репетитора/эксперта...</p>
+          </div>
+          <div v-else-if="schoolProfile.error">
+            <p class="text-red-500">Ошибка загрузки данных репетитора/эксперта: {{ schoolProfile.error.message }}</p>
+          </div>
+          <div v-else-if="schoolProfile.data">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <b>Фамилия:</b> {{ schoolProfile.data.last_name || '-' }}<br/>
+                <b>Имя:</b> {{ schoolProfile.data.first_name || '-' }}<br/>
+                <b>Отчество:</b> {{ schoolProfile.data.middle_name || '-' }}<br/>
+                <b>Дата рождения:</b> {{ formattedDate(schoolProfile.data.birth_date) || '-' }}
+                <b>Телефон (приватный):</b> {{ maskPrivate(schoolProfile.data.phone) }}<br/>
+                <b>Email (приватный):</b> {{ maskPrivate(schoolProfile.data.email_private) }}<br/>
+                <b>Telegram:</b>
+                <a v-if="schoolProfile.data.telegram" :href="formatTelegram(schoolProfile.data.telegram)" target="_blank">{{ schoolProfile.data.telegram }}</a>
+              </div>
+              <div>
+                <b>Университет:</b> {{ schoolProfile.data.school || '-' }}<br/>
+                <b>Уровень образования:</b> {{ schoolProfile.data.education_level || '-' }}<br/>
+                <b>Направление подготовки:</b> {{ schoolProfile.data.major || '-' }}<br/>
+                <b>Образовательная программа:</b> {{ schoolProfile.data.program || '-' }}<br/>
+                <b>Год окончания:</b> {{ schoolProfile.data.graduation_year || '-' }}<br/>
+              </div>
+            </div>
+
+            <div class="grid md:grid-cols-2 gap-4">
+              <div>
+                <b>Коротко о себе:</b>
+                <div class="mt-1 p-3 bg-surface-gray-1 rounded">{{ schoolProfile.data.about_me || '-' }}</div>
+              </div>
+              <div>
+                <b>Опыт работы:</b>
+                <div class="mt-1 p-3 bg-surface-gray-1 rounded">{{ schoolProfile.data.experience || '-' }}</div>
+              </div>
+              <div>
+                <b>Достижения:</b>
+                <div class="mt-1 p-3 bg-surface-gray-1 rounded">{{ schoolProfile.data.achievement || '-' }}</div>
+              </div>
+            </div>
+          </div>
+          <div v-else>
+            <p>Данные профиля репетитора/эксперта не найдены.</p>
+          </div>
+        </div>
+
+        <!-- EDIT MODE -->
+        <div v-else class="mt-4">
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <Input v-model="form.last_name" label="Фамилия" />
+            <Input v-model="form.first_name" label="Имя" />
+            <Input v-model="form.middle_name" label="Отчество" />
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Дата рождения</label>
+              <DatePicker v-model="form.birth_date" label="Дата рождения" />
+            </div>
+            <Input v-model="form.phone" label="Телефон (не публиковать)" />
+            <Input v-model="form.email_private" label="Email (не публиковать)" />
+            <Input v-model="form.telegram" label="Telegram (например t.me/username)" />
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Университет</label>
+              <input
+                type="text"
+                v-model="schoolQuery"
+                @input="debouncedSearchSchool"
+                class="w-full border rounded p-2"
+                placeholder="Начните вводить название университета"
+              />
+              <div v-if="schoolResults.length" class="border rounded mt-1 max-h-44 overflow-auto bg-white">
+                <div
+                  v-for="s in schoolResults"
+                  :key="s.school"
+                  class="p-2 cursor-pointer hover:bg-surface-gray-2"
+                  @click="selectSchool(s)"
+                >
+                  <div class="font-medium">{{ s.school}}</div>
+                  <div class="text-xs text-ink-gray-6">{{ s.adress }}</div>
+                </div>
+              </div>
+              <div v-if="form.school_name && !schoolResults.length" class="text-xs text-ink-gray-6 mt-1">
+                Выбрана: {{ form.school }}
+              </div>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Уровень образования</label>
+              <Select v-model="form.education_level" :options="['Бакалавриат','Магистратура','Аспирантура','Базовое высшее образование',
+            'Специализированное высшее образование','Профессиональная переподготовка','Повышение квалификации']" label="Уровень образования" />
+            </div>
+
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Направление подготовки</label>
+              <input
+                type="text"
+                v-model="majorQuery"
+                @input="debouncedSearchMajor"
+                class="w-full border rounded p-2"
+                placeholder="Начните вводить название направления"
+              />
+              <div v-if="majorResults.length" class="border rounded mt-1 max-h-44 overflow-auto bg-white">
+                <div
+                  v-for="m in majorResults"
+                  :key="m.major"
+                  class="p-2 cursor-pointer hover:bg-surface-gray-2"
+                  @click="selectMajor(m)"
+                >
+                  <div class="font-medium">{{ m.major_name}}</div>
+                </div>
+              </div>
+              <div v-if="form.major_name && !majorResults.length" class="text-xs text-ink-gray-6 mt-1">
+                Выбрано: {{ form.major_name }}
+              </div>
+            </div>
+
+            <Input v-model="form.program" label="Образовательная программа" />
+            <Input v-model="form.graduation_year" label="Год окончания" />
+
+          </div>
+
+          <div class="mt-4 grid md:grid-cols-2 gap-4">
+            <Textarea v-model="form.about_me" label="Коротко о себе" />
+            <Textarea v-model="form.experience" label="Опыт работы" />
+            <Textarea v-model="form.achievement" label="Достижения" />
+          </div>
+
+          <div class="mt-4 flex space-x-2">
+            <Button @click="saveProfile" :loading="saving">Сохранить</Button>
+            <Button variant="outline" @click="toggleEdit()">Отмена</Button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-else>
+      <p>Загрузка профиля...</p>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, inject, watch, onMounted } from 'vue';
+import { Breadcrumbs, createResource, Button, Input, DatePicker, Select, Textarea } from 'frappe-ui';
+import { sessionStore } from '@/stores/session';
+import NoPermission from '@/components/NoPermission.vue';
+import { Edit } from 'lucide-vue-next';
+import { convertToTitleCase, updateDocumentTitle } from '@/utils';
+import debounce from 'lodash/debounce';
+
+const { user } = sessionStore();
+const $user = inject('$user');
+
+// Логирование инициализации
+console.log('[DEBUG] Инициализация компонента:', {
+  user: user,
+  $user: $user.data,
+  username: $user.data?.username,
+});
+
+const props = defineProps({
+  username: {
+    type: String,
+    required: false,
+    default: '',
+  },
+});
+
+const effectiveUsername = computed(() => {
+  const username = props.username || $user.data?.username || '';
+  console.log('[DEBUG] Вычисление effectiveUsername:', { propsUsername: props.username, sessionUsername: $user.data?.username, result: username });
+  return username;
+});
+
+const editMode = ref(false);
+const saving = ref(false);
+
+const profile = createResource({
+  url: 'frappe.client.get',
+  makeParams(values) {
+    const username = effectiveUsername.value;
+    console.log('[DEBUG] Запрос profile:', { doctype: 'User', filters: { username } });
+    return {
+      doctype: 'User',
+      filters: { username },
+    };
+  },
+  onSuccess(data) {
+    console.log('[DEBUG] Профиль загружен:', data);
+  },
+  onError(error) {
+    console.error('[DEBUG] Ошибка загрузки профиля:', error);
+    window.frappe?.msgprint({
+      title: 'Ошибка',
+      message: 'Не удалось загрузить профиль пользователя: ' + (error.message || 'Неизвестная ошибка'),
+      indicator: 'red',
+    });
+  },
+});
+
+const schoolProfile = createResource({
+  url: 'frappe.client.get',
+  params: {
+    doctype: 'Schoolchildren Profile',
+    filters: { user:user },
+  },
+  auto: false,
+  onSuccess(data) {
+    console.log('[DEBUG] Профиль школьника загружен:', data);
+  },
+  onError(error) {
+    console.error('[DEBUG] Ошибка загрузки профиля школьника:', error);
+    window.frappe?.msgprint({
+      title: 'Ошибка',
+      message: 'Не удалось загрузить профиль школьника: ' + (error.message || 'Неизвестная ошибка'),
+      indicator: 'red',
+    });
+  },
+});
+
+const form = ref({
+  first_name: '',
+  last_name: '',
+  middle_name: '',
+  birth_date: '',
+  phone: '',
+  email_private: '',
+  telegram: '',
+  school: '',
+  education_level: '',
+  major: '',
+  program: '',
+  graduation_year: '',
+  experience: '',
+  achievement: '',
+  about_me: ''
+});
+
+const breadcrumbs = computed(() => {
+  const username = effectiveUsername.value;
+  const crumbs = [
+    {
+      label: 'People',
+      route: { name: 'People' },
+    },
+    {
+      label: profile.data?.full_name || 'Профиль',
+      route: username ? {
+        name: 'Profile',
+        params: { username },
+      } : undefined,
+    },
+  ];
+  console.log('[DEBUG] Хлебные крошки:', crumbs);
+  return crumbs;
+});
+
+const pageMeta = computed(() => {
+  const meta = {
+    title: profile.data?.full_name || 'Профиль',
+    description: profile.data?.headline || '',
+  };
+  console.log('[DEBUG] Мета-данные страницы:', meta);
+  return meta;
+});
+
+const displayName = computed(() => {
+  if (!profile.data) {
+    console.log('[DEBUG] displayName: profile.data не загружен');
+    return 'Загрузка...';
+  }
+  const name = profile.data?.full_name || `${form.value.first_name || ''} ${form.value.last_name || ''}`.trim();
+  console.log('[DEBUG] Отображаемое имя:', name);
+  return name;
+});
+
+const isSessionUser = () => {
+  const sessionUser = $user.data?.username;
+  const profileUser = effectiveUsername.value;
+  const isSession = sessionUser === profileUser;
+  console.log('[DEBUG] Проверка isSessionUser:', { sessionUser, profileUser, isSession });
+  return isSession;
+};
+
+function formattedDate(d) {
+  if (!d) return '';
+  try {
+    return new Date(d).toLocaleDateString('ru-RU');
+  } catch (e) {
+    console.error('[DEBUG] Ошибка форматирования даты:', e, { date: d });
+    return d;
+  }
+}
+
+function maskPrivate(val) {
+  if (!val) return '-';
+  if (val.includes('@')) {
+    const parts = val.split('@');
+    return parts[0].slice(0, 1) + '***@' + parts[1];
+  }
+  return val.slice(0, 3) + '***' + val.slice(-2);
+}
+
+function formatTelegram(t) {
+  if (!t) return '';
+  if (t.startsWith('t.me/') || t.startsWith('https://t.me/')) return (t.startsWith('http') ? t : 'https://' + t);
+  return 'https://t.me/' + t.replace(/^@/, '');
+}
+
+function fillFormFromProfile() {
+  console.log('[DEBUG] Заполнение формы:', {
+    schoolProfile: schoolProfile.data,
+    profile: profile.data,
+    currentForm: JSON.stringify(form.value, null, 2),
+  });
+  form.value.first_name = schoolProfile.data?.first_name || profile.data?.first_name || '';
+  form.value.last_name = schoolProfile.data?.last_name || profile.data?.last_name || '';
+  form.value.middle_name = schoolProfile.data?.middle_name || '';
+  form.value.birth_date = schoolProfile.data?.birth_date || '';
+  form.value.phone = schoolProfile.data?.phone || '';
+  form.value.email_private = schoolProfile.data?.email_private || '';
+  form.value.telegram = schoolProfile.data?.telegram || '';
+  form.value.school = schoolProfile.data?.school || '';
+  form.value.education_level = schoolProfile.data?.education_level || '';
+  form.value.major = schoolProfile.data?.major || '';
+  form.value.program = schoolProfile.data?.program || '';
+  form.value.graduation_year = schoolProfile.data?.graduation_year || '';
+  form.value.experience = schoolProfile.data?.experience || '';
+  form.value.achievement = schoolProfile.data?.achievement || '';
+  form.value.about_me = schoolProfile.data?.about_me || '';
+  console.log('[DEBUG] Форма после заполнения:', JSON.stringify(form.value, null, 2));
+}
+
+
+function toggleEdit() {
+  editMode.value = !editMode.value;
+  if (editMode.value) fillFormFromProfile();
+  console.log('[DEBUG] Переключение режима редактирования:', { editMode: editMode.value });
+}
+
+function validateExams(exams) {
+  console.log('[DEBUG] Валидация exams:', { exams, validOptions: examOptions });
+  return exams.every(exam => examOptions.includes(exam));
+}
+
+function validateLearnSubjects(subjects) {
+  console.log('[DEBUG] Валидация learn_subjects:', { subjects, validOptions: learnOptions });
+  return subjects.every(subject => learnOptions.includes(subject));
+}
+
+async function saveProfile() {
+  console.log('[DEBUG] Сохранение профиля:', { form: form.value });
+  saving.value = true;
+  try {
+    // Создаём копию данных формы
+    const formData = { ...form.value };
+    console.log('[DEBUG] Копия formData:', JSON.stringify(formData, null, 2));
+
+    // Обновление full_name в User, если нужно
+    if (formData.first_name || formData.last_name) {
+      const fullName = `${formData.first_name || ''} ${formData.last_name || ''}`.trim();
+      console.log('[DEBUG] Обновление User.full_name:', { name: profile.data?.name, fullName });
+      await createResource({
+        url: 'frappe.client.set_value',
+        params: {
+          doctype: 'User',
+          name: profile.data?.name,
+          fieldname: 'full_name',
+          value: fullName,
+        },
+      }).submit();
+    }
+
+    // Получаем docname
+    let docname = '';
+    try {
+      await schoolProfile.reload();
+      console.log('[DEBUG] Schoolprofile:', { schoolProfile });
+      docname = schoolProfile?.data?.name;
+      console.log('[DEBUG] Выбранное имя документа:', docname);
+    } catch (error) {
+      console.log('[DEBUG] Ошибка загрузки schoolProfile, продолжаем с profile:', error.message);
+    }
+
+    // Формируем payload из копии данных формы
+    let payload = {
+      doctype: 'Schoolchildren Profile',
+      user: profile.data?.name,
+      first_name: formData.first_name,
+      last_name: formData.last_name,
+      middle_name: formData.middle_name,
+      birth_date: formData.birth_date,
+      phone: formData.phone,
+      email_private: formData.email_private,
+      telegram: formData.telegram,
+      school: formData.school || '',
+      education_level: formData.education_level,
+      major: formData.major || '',
+      program: formData.program,
+      graduation_year: formData.graduation_year,
+      experience: formData.experience,
+      achievement: formData.achievement,
+      about_me: formData.about_me,
+      last_updated: new Date().toISOString(),
+    };
+    console.log('[DEBUG] Сохранение Schoolchildren Profile (payload):', { docname, payload });
+
+    // Сохранение или создание документа
+    if (docname) {
+      await createResource({
+        url: 'frappe.client.save',
+        params: { doc: { ...schoolProfile.data, ...payload } },
+      }).submit();
+    } else {
+      await createResource({
+        url: 'frappe.client.insert',
+        params: { doc: payload },
+      }).submit();
+    }
+
+    editMode.value = false;
+    if (window.frappe && window.frappe.msgprint) window.frappe.msgprint('Профиль сохранён');
+    console.log('[DEBUG] Профиль успешно сохранён');
+  } catch (e) {
+    console.error('[DEBUG] Ошибка при сохранении профиля:', e);
+    if (window.frappe && window.frappe.msgprint) window.frappe.msgprint({
+      title: 'Ошибка',
+      message: (e && e.message) || 'Ошибка при сохранении',
+      indicator: 'red',
+    });
+  } finally {
+    saving.value = false;
+  }
+  await schoolProfile.reload();
+}
+
+const schoolQuery = ref('');
+const schoolResults = ref([]);
+
+async function searchSchool(q) {
+  if (!q) {
+    schoolResults.value = [];
+    return;
+  }
+  try {
+    console.log('[DEBUG] Поиск школы:', { query: q });
+    const res = await createResource({
+      url: 'frappe.client.get_list',
+      params: {
+        doctype: 'Schools',
+        fields: ['school', 'address'],
+        filters: [['school', 'like', '%' + q + '%']],
+        limit_page_length: 20,
+      },
+    }).submit();
+    schoolResults.value = res || [];
+    console.log('[DEBUG] Результаты поиска школы:', schoolResults.value);
+  } catch (e) {
+    schoolResults.value = [];
+    console.error('[DEBUG] Ошибка поиска школы:', e);
+  }
+}
+
+const debouncedSearchSchool = debounce(() => searchSchool(schoolQuery.value), 300);
+
+function selectSchool(s) {
+  form.value.school = s.school;
+  //form.value.school_name = s.school_name;
+  schoolResults.value = [];
+  schoolQuery.value = s.school;
+  console.log('[DEBUG] Выбрана школа:', { school: s });
+  console.log('[DEBUG] Форма после заполнения:', JSON.stringify(form.value, null, 2));
+}
+
+const majorQuery = ref('');
+const majorResults = ref([]);
+
+async function searchMajor(q) {
+  if (!q) {
+    majorResults.value = [];
+    return;
+  }
+  try {
+    console.log('[DEBUG] Поиск направления:', { query: q });
+    const res = await createResource({
+      url: 'frappe.client.get_list',
+      params: {
+        doctype: 'Majors',
+        fields: ['code', 'major_name'],
+        filters: [['major_name', 'like', '%' + q + '%']],
+        limit_page_length: 20,
+      },
+    }).submit();
+    majorResults.value = res || [];
+    console.log('[DEBUG] Результаты поиска направления:', majorResults.value);
+  } catch (e) {
+    majorResults.value = [];
+    console.error('[DEBUG] Ошибка поиска направления:', e);
+  }
+}
+
+const debouncedSearchMajor = debounce(() => searchMajor(majorQuery.value), 300);
+
+function selectMajor(m) {
+  form.value.major = m.major_name;
+  //form.value.school_name = s.school_name;
+  majorResults.value = [];
+  majorQuery.value = m.major_name;
+  console.log('[DEBUG] Выбрана школа:', { major: m });
+  console.log('[DEBUG] Форма после заполнения:', JSON.stringify(form.value, null, 2));
+}
+
+onMounted(() => {
+  console.log('[DEBUG] Компонент смонтирован:', {
+    propsUsername: props.username,
+    sessionUsername: $user.data?.username,
+    user: user,
+    $user: $user.data,
+  });
+  if ($user.data) {
+    console.log('[DEBUG] Запуск profile.reload()');
+    profile.reload();
+  }
+});
+
+watch(
+  () => props.username,
+  (newUsername, oldUsername) => {
+    console.log('[DEBUG] Изменение props.username:', { old: oldUsername, new: newUsername });
+    profile.reload();
+  }
+);
+
+watch(
+  () => profile.data,
+  (newData, oldData) => {
+    console.log('[DEBUG] Изменение profile.data:', { old: oldData, new: newData });
+    if (newData) {
+      console.log('[DEBUG] Запуск schoolProfile.reload()');
+      schoolProfile.reload();
+    }
+  }
+);
+
+watch(
+  () => schoolProfile.data,
+  (newData, oldData) => {
+    console.log('[DEBUG] Изменение schoolProfile.data:', { old: oldData, new: newData });
+    if (newData && !editMode.value) {
+      console.log('[DEBUG] Заполнение формы из schoolProfile');
+      fillFormFromProfile();
+    }
+  }
+);
+
+watch(
+  () => effectiveUsername.value,
+  (newUsername) => {
+    console.log('[DEBUG] Изменение effectiveUsername для schoolProfile:', newUsername);
+    schoolProfile.update({
+      params: {
+        doctype: 'Schoolchildren Profile',
+        filters: { user: newUsername },
+      },
+    });
+  }
+);
+</script>
\ No newline at end of file
diff --git a/frontend/src/pages/ParentProfile.vue b/frontend/src/pages/ParentProfile.vue
new file mode 100644
index 00000000..cb672d2d
--- /dev/null
+++ b/frontend/src/pages/ParentProfile.vue
@@ -0,0 +1,436 @@
+<template>
+  <div>
+    <NoPermission v-if="!$user.data" />
+    <div v-else-if="profile.error">
+      <p class="text-red-500">Ошибка загрузки профиля: {{ profile.error.message }}</p>
+    </div>
+    <div v-else-if="profile.data">
+      <header class="sticky top-0 z-10 flex items-center justify-between border-b bg-surface-white px-3 py-2.5">
+        <Breadcrumbs class="h-7" :items="breadcrumbs" />
+      </header>
+
+      <div class="mx-auto -mt-10 max-w-4xl px-5">
+        <div class="flex items-center min-h-[100px]">
+          <div class="ml-6">
+            <h2 class="mt-2 text-3xl font-semibold text-ink-gray-9">{{ displayName }}</h2>
+            <div class="mt-2 text-base text-ink-gray-7">{{ profile.data.headline || '' }}</div>
+          </div>
+          <div class="ml-auto" v-if="$user.data && isSessionUser()">
+            <Button @click="toggleEdit()">
+              <template #prefix>
+                <Edit class="w-4 h-4 stroke-1.5 text-ink-gray-7" />
+              </template>
+              {{ editMode ? 'Отмена' : 'Редактировать' }}
+            </Button>
+          </div>
+        </div>
+
+        <!-- VIEW MODE -->
+        <div v-if="!editMode" class="mt-4 space-y-3">
+          <div v-if="schoolProfile.loading">
+            <p>Загрузка данных профиля родителя...</p>
+          </div>
+          <div v-else-if="schoolProfile.error">
+            <p class="text-red-500">Ошибка загрузки данных родителя: {{ schoolProfile.error.message }}</p>
+          </div>
+          <div v-else-if="schoolProfile.data">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <b>Фамилия:</b> {{ schoolProfile.data.last_name || '-' }}<br/>
+                <b>Имя:</b> {{ schoolProfile.data.first_name || '-' }}<br/>
+                <b>Отчество:</b> {{ schoolProfile.data.middle_name || '-' }}<br/>
+                <b>Дата рождения:</b> {{ formattedDate(schoolProfile.data.birth_date) || '-' }}
+                <b>Телефон (приватный):</b> {{ maskPrivate(schoolProfile.data.phone) }}<br/>
+                <b>Email (приватный):</b> {{ maskPrivate(schoolProfile.data.email_private) }}<br/>
+                <b>Telegram:</b>
+                <a v-if="schoolProfile.data.telegram" :href="formatTelegram(schoolProfile.data.telegram)" target="_blank">{{ schoolProfile.data.telegram }}</a>
+              </div>
+              <div>
+                <b>ФИО ребёнка:</b> {{ schoolProfile.data.child_name || '-' }}<br/>
+                <b>Телефон ребёнка:</b> {{ maskPrivate(schoolProfile.data.child_phone) || '-' }}<br/>
+                <b>Email ребёнка:</b> {{ maskPrivate(schoolProfile.data.child_email) || '-' }}<br/>
+                <b>Какие цели Вы ставите своему ребёнку?</b> {{ schoolProfile.data.goals || '-' }}<br/>
+              </div>
+            </div>
+          </div>
+          <div v-else>
+            <p>Данные профиля родителя не найдены.</p>
+          </div>
+        </div>
+
+        <!-- EDIT MODE -->
+        <div v-else class="mt-4">
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <Input v-model="form.last_name" label="Фамилия" />
+            <Input v-model="form.first_name" label="Имя" />
+            <Input v-model="form.middle_name" label="Отчество" />
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Дата рождения</label>
+              <DatePicker v-model="form.birth_date" label="Дата рождения" />
+            </div>
+            <Input v-model="form.phone" label="Телефон (не публиковать)" />
+            <Input v-model="form.email_private" label="Email (не публиковать)" />
+            <Input v-model="form.telegram" label="Telegram (например t.me/username)" />
+          </div>
+          <div class="mt-4 grid md:grid-cols-2 gap-4">
+            <Input v-model="form.child_name" label="ФИО ребёнка" />
+            <Input v-model="form.child_phone" label="Телефон ребёнка" />
+            <Input v-model="form.child_email" label="Email ребёнка" />
+            <Textarea v-model="form.goals" label="Какие цели Вы ставите своему ребёнку?" />
+          </div>
+
+          <div class="mt-4 flex space-x-2">
+            <Button @click="saveProfile" :loading="saving">Сохранить</Button>
+            <Button variant="outline" @click="toggleEdit()">Отмена</Button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-else>
+      <p>Загрузка профиля...</p>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, inject, watch, onMounted } from 'vue';
+import { Breadcrumbs, createResource, Button, Input, DatePicker, Select, Textarea } from 'frappe-ui';
+import { sessionStore } from '@/stores/session';
+import NoPermission from '@/components/NoPermission.vue';
+import { Edit } from 'lucide-vue-next';
+import { convertToTitleCase, updateDocumentTitle } from '@/utils';
+import debounce from 'lodash/debounce';
+
+const { user } = sessionStore();
+const $user = inject('$user');
+
+// Логирование инициализации
+console.log('[DEBUG] Инициализация компонента:', {
+  user: user,
+  $user: $user.data,
+  username: $user.data?.username,
+});
+
+const props = defineProps({
+  username: {
+    type: String,
+    required: false,
+    default: '',
+  },
+});
+
+const effectiveUsername = computed(() => {
+  const username = props.username || $user.data?.username || '';
+  console.log('[DEBUG] Вычисление effectiveUsername:', { propsUsername: props.username, sessionUsername: $user.data?.username, result: username });
+  return username;
+});
+
+const editMode = ref(false);
+const saving = ref(false);
+
+const profile = createResource({
+  url: 'frappe.client.get',
+  makeParams(values) {
+    const username = effectiveUsername.value;
+    console.log('[DEBUG] Запрос profile:', { doctype: 'User', filters: { username } });
+    return {
+      doctype: 'User',
+      filters: { username },
+    };
+  },
+  onSuccess(data) {
+    console.log('[DEBUG] Профиль загружен:', data);
+  },
+  onError(error) {
+    console.error('[DEBUG] Ошибка загрузки профиля:', error);
+    window.frappe?.msgprint({
+      title: 'Ошибка',
+      message: 'Не удалось загрузить профиль пользователя: ' + (error.message || 'Неизвестная ошибка'),
+      indicator: 'red',
+    });
+  },
+});
+
+const schoolProfile = createResource({
+  url: 'frappe.client.get',
+  params: {
+    doctype: 'Schoolchildren Profile',
+    filters: { user:user },
+  },
+  auto: false,
+  onSuccess(data) {
+    console.log('[DEBUG] Профиль школьника загружен:', data);
+  },
+  onError(error) {
+    console.error('[DEBUG] Ошибка загрузки профиля школьника:', error);
+    window.frappe?.msgprint({
+      title: 'Ошибка',
+      message: 'Не удалось загрузить профиль школьника: ' + (error.message || 'Неизвестная ошибка'),
+      indicator: 'red',
+    });
+  },
+});
+
+const form = ref({
+  first_name: '',
+  last_name: '',
+  middle_name: '',
+  birth_date: '',
+  phone: '',
+  email_private: '',
+  telegram: '',
+  child_name: '',
+  child_phone: '',
+  child_email: '',
+  goals: '',
+
+});
+
+const breadcrumbs = computed(() => {
+  const username = effectiveUsername.value;
+  const crumbs = [
+    {
+      label: 'People',
+      route: { name: 'People' },
+    },
+    {
+      label: profile.data?.full_name || 'Профиль',
+      route: username ? {
+        name: 'Profile',
+        params: { username },
+      } : undefined,
+    },
+  ];
+  console.log('[DEBUG] Хлебные крошки:', crumbs);
+  return crumbs;
+});
+
+const pageMeta = computed(() => {
+  const meta = {
+    title: profile.data?.full_name || 'Профиль',
+    description: profile.data?.headline || '',
+  };
+  console.log('[DEBUG] Мета-данные страницы:', meta);
+  return meta;
+});
+
+const displayName = computed(() => {
+  if (!profile.data) {
+    console.log('[DEBUG] displayName: profile.data не загружен');
+    return 'Загрузка...';
+  }
+  const name = profile.data?.full_name || `${form.value.first_name || ''} ${form.value.last_name || ''}`.trim();
+  console.log('[DEBUG] Отображаемое имя:', name);
+  return name;
+});
+
+const isSessionUser = () => {
+  const sessionUser = $user.data?.username;
+  const profileUser = effectiveUsername.value;
+  const isSession = sessionUser === profileUser;
+  console.log('[DEBUG] Проверка isSessionUser:', { sessionUser, profileUser, isSession });
+  return isSession;
+};
+
+function formattedDate(d) {
+  if (!d) return '';
+  try {
+    return new Date(d).toLocaleDateString('ru-RU');
+  } catch (e) {
+    console.error('[DEBUG] Ошибка форматирования даты:', e, { date: d });
+    return d;
+  }
+}
+
+function maskPrivate(val) {
+  if (!val) return '-';
+  if (val.includes('@')) {
+    const parts = val.split('@');
+    return parts[0].slice(0, 1) + '***@' + parts[1];
+  }
+  return val.slice(0, 3) + '***' + val.slice(-2);
+}
+
+function formatTelegram(t) {
+  if (!t) return '';
+  if (t.startsWith('t.me/') || t.startsWith('https://t.me/')) return (t.startsWith('http') ? t : 'https://' + t);
+  return 'https://t.me/' + t.replace(/^@/, '');
+}
+
+function fillFormFromProfile() {
+  console.log('[DEBUG] Заполнение формы:', {
+    schoolProfile: schoolProfile.data,
+    profile: profile.data,
+    currentForm: JSON.stringify(form.value, null, 2),
+  });
+  form.value.first_name = schoolProfile.data?.first_name || profile.data?.first_name || '';
+  form.value.last_name = schoolProfile.data?.last_name || profile.data?.last_name || '';
+  form.value.middle_name = schoolProfile.data?.middle_name || '';
+  form.value.birth_date = schoolProfile.data?.birth_date || '';
+  form.value.phone = schoolProfile.data?.phone || '';
+  form.value.email_private = schoolProfile.data?.email_private || '';
+  form.value.telegram = schoolProfile.data?.telegram || '';
+  form.value.child_name = schoolProfile.data?.child_name || '';
+  form.value.child_phone = schoolProfile.data?.child_phone || '';
+  form.value.child_email = schoolProfile.data?.child_email || '';
+  form.value.goals = schoolProfile.data?.goals || '';
+
+  console.log('[DEBUG] Форма после заполнения:', JSON.stringify(form.value, null, 2));
+}
+
+
+function toggleEdit() {
+  editMode.value = !editMode.value;
+  if (editMode.value) fillFormFromProfile();
+  console.log('[DEBUG] Переключение режима редактирования:', { editMode: editMode.value });
+}
+
+function validateExams(exams) {
+  console.log('[DEBUG] Валидация exams:', { exams, validOptions: examOptions });
+  return exams.every(exam => examOptions.includes(exam));
+}
+
+function validateLearnSubjects(subjects) {
+  console.log('[DEBUG] Валидация learn_subjects:', { subjects, validOptions: learnOptions });
+  return subjects.every(subject => learnOptions.includes(subject));
+}
+
+async function saveProfile() {
+  console.log('[DEBUG] Сохранение профиля:', { form: form.value });
+  saving.value = true;
+  try {
+    // Создаём копию данных формы
+    const formData = { ...form.value };
+    console.log('[DEBUG] Копия formData:', JSON.stringify(formData, null, 2));
+
+    // Обновление full_name в User, если нужно
+    if (formData.first_name || formData.last_name) {
+      const fullName = `${formData.first_name || ''} ${formData.last_name || ''}`.trim();
+      console.log('[DEBUG] Обновление User.full_name:', { name: profile.data?.name, fullName });
+      await createResource({
+        url: 'frappe.client.set_value',
+        params: {
+          doctype: 'User',
+          name: profile.data?.name,
+          fieldname: 'full_name',
+          value: fullName,
+        },
+      }).submit();
+    }
+
+    // Получаем docname
+    let docname = '';
+    try {
+      await schoolProfile.reload();
+      console.log('[DEBUG] Schoolprofile:', { schoolProfile });
+      docname = schoolProfile?.data?.name;
+      console.log('[DEBUG] Выбранное имя документа:', docname);
+    } catch (error) {
+      console.log('[DEBUG] Ошибка загрузки schoolProfile, продолжаем с profile:', error.message);
+    }
+
+    // Формируем payload из копии данных формы
+    let payload = {
+      doctype: 'Schoolchildren Profile',
+      user: profile.data?.name,
+      first_name: formData.first_name,
+      last_name: formData.last_name,
+      middle_name: formData.middle_name,
+      birth_date: formData.birth_date,
+      phone: formData.phone,
+      email_private: formData.email_private,
+      telegram: formData.telegram,
+      child_name: formData.child_name,
+      child_phone: formData.child_phone,
+      child_email: formData.child_email,
+      goals: formData.goals,
+
+      last_updated: new Date().toISOString(),
+    };
+    console.log('[DEBUG] Сохранение Schoolchildren Profile (payload):', { docname, payload });
+
+    // Сохранение или создание документа
+    if (docname) {
+      await createResource({
+        url: 'frappe.client.save',
+        params: { doc: { ...schoolProfile.data, ...payload } },
+      }).submit();
+    } else {
+      await createResource({
+        url: 'frappe.client.insert',
+        params: { doc: payload },
+      }).submit();
+    }
+
+    editMode.value = false;
+    if (window.frappe && window.frappe.msgprint) window.frappe.msgprint('Профиль сохранён');
+    console.log('[DEBUG] Профиль успешно сохранён');
+  } catch (e) {
+    console.error('[DEBUG] Ошибка при сохранении профиля:', e);
+    if (window.frappe && window.frappe.msgprint) window.frappe.msgprint({
+      title: 'Ошибка',
+      message: (e && e.message) || 'Ошибка при сохранении',
+      indicator: 'red',
+    });
+  } finally {
+    saving.value = false;
+  }
+  await schoolProfile.reload();
+}
+
+onMounted(() => {
+  console.log('[DEBUG] Компонент смонтирован:', {
+    propsUsername: props.username,
+    sessionUsername: $user.data?.username,
+    user: user,
+    $user: $user.data,
+  });
+  if ($user.data) {
+    console.log('[DEBUG] Запуск profile.reload()');
+    profile.reload();
+  }
+});
+
+watch(
+  () => props.username,
+  (newUsername, oldUsername) => {
+    console.log('[DEBUG] Изменение props.username:', { old: oldUsername, new: newUsername });
+    profile.reload();
+  }
+);
+
+watch(
+  () => profile.data,
+  (newData, oldData) => {
+    console.log('[DEBUG] Изменение profile.data:', { old: oldData, new: newData });
+    if (newData) {
+      console.log('[DEBUG] Запуск schoolProfile.reload()');
+      schoolProfile.reload();
+    }
+  }
+);
+
+watch(
+  () => schoolProfile.data,
+  (newData, oldData) => {
+    console.log('[DEBUG] Изменение schoolProfile.data:', { old: oldData, new: newData });
+    if (newData && !editMode.value) {
+      console.log('[DEBUG] Заполнение формы из schoolProfile');
+      fillFormFromProfile();
+    }
+  }
+);
+
+watch(
+  () => effectiveUsername.value,
+  (newUsername) => {
+    console.log('[DEBUG] Изменение effectiveUsername для schoolProfile:', newUsername);
+    schoolProfile.update({
+      params: {
+        doctype: 'Schoolchildren Profile',
+        filters: { user: newUsername },
+      },
+    });
+  }
+);
+</script>
\ No newline at end of file
diff --git a/frontend/src/pages/SchoolchildrenProfile.vue b/frontend/src/pages/SchoolchildrenProfile.vue
new file mode 100644
index 00000000..d5307dc7
--- /dev/null
+++ b/frontend/src/pages/SchoolchildrenProfile.vue
@@ -0,0 +1,576 @@
+<template>
+  <div>
+    <NoPermission v-if="!$user.data" />
+    <div v-else-if="profile.error">
+      <p class="text-red-500">Ошибка загрузки профиля: {{ profile.error.message }}</p>
+    </div>
+    <div v-else-if="profile.data">
+      <header class="sticky top-0 z-10 flex items-center justify-between border-b bg-surface-white px-3 py-2.5">
+        <Breadcrumbs class="h-7" :items="breadcrumbs" />
+      </header>
+
+      <div class="mx-auto -mt-10 max-w-4xl px-5">
+        <div class="flex items-center min-h-[100px]">
+          <div class="ml-6">
+            <h2 class="mt-2 text-3xl font-semibold text-ink-gray-9">{{ displayName }}</h2>
+            <div class="mt-2 text-base text-ink-gray-7">{{ profile.data.headline || '' }}</div>
+          </div>
+          <div class="ml-auto" v-if="$user.data && isSessionUser()">
+            <Button @click="toggleEdit()">
+              <template #prefix>
+                <Edit class="w-4 h-4 stroke-1.5 text-ink-gray-7" />
+              </template>
+              {{ editMode ? 'Отмена' : 'Редактировать' }}
+            </Button>
+          </div>
+        </div>
+
+        <!-- VIEW MODE -->
+        <div v-if="!editMode" class="mt-4 space-y-3">
+          <div v-if="schoolProfile.loading">
+            <p>Загрузка данных профиля школьника...</p>
+          </div>
+          <div v-else-if="schoolProfile.error">
+            <p class="text-red-500">Ошибка загрузки данных школьника: {{ schoolProfile.error.message }}</p>
+          </div>
+          <div v-else-if="schoolProfile.data">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <b>Фамилия:</b> {{ schoolProfile.data.last_name || '-' }}<br/>
+                <b>Имя:</b> {{ schoolProfile.data.first_name || '-' }}<br/>
+                <b>Отчество:</b> {{ schoolProfile.data.middle_name || '-' }}<br/>
+                <b>Дата рождения:</b> {{ formattedDate(schoolProfile.data.birth_date) || '-' }}
+              </div>
+              <div>
+                <b>Школа:</b> {{ schoolProfile.data.school || '-' }}<br/>
+                <b>Класс:</b> {{ schoolProfile.data.grade || '-' }}<br/>
+                <b>Телефон (приватный):</b> {{ maskPrivate(schoolProfile.data.phone) }}<br/>
+                <b>Email (приватный):</b> {{ maskPrivate(schoolProfile.data.email_private) }}<br/>
+                <b>Telegram:</b>
+                <a v-if="schoolProfile.data.telegram" :href="formatTelegram(schoolProfile.data.telegram)" target="_blank">{{ schoolProfile.data.telegram }}</a>
+              </div>
+            </div>
+
+            <div>
+              <b>ЕГЭ, планируется:</b> {{ (schoolProfile.data.exams || []).join(', ') || '-' }}
+            </div>
+
+            <div>
+              <b>Чему хочется научиться:</b> {{ schoolProfile.data.learn_subjects}}
+            </div>
+
+            <div>
+              <b>Коротко о интересах:</b>
+              <div class="mt-1 p-3 bg-surface-gray-1 rounded">{{ schoolProfile.data.interests || '-' }}</div>
+            </div>
+
+            <div class="grid md:grid-cols-2 gap-4">
+              <div>
+                <b>Коротко о себе:</b>
+                <div class="mt-1 p-3 bg-surface-gray-1 rounded">{{ schoolProfile.data.about_me || '-' }}</div>
+              </div>
+              <div>
+                <b>Коротко о мечтах:</b>
+                <div class="mt-1 p-3 bg-surface-gray-1 rounded">{{ schoolProfile.data.dreams || '-' }}</div>
+              </div>
+            </div>
+          </div>
+          <div v-else>
+            <p>Данные профиля школьника не найдены.</p>
+          </div>
+        </div>
+
+        <!-- EDIT MODE -->
+        <div v-else class="mt-4">
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <Input v-model="form.last_name" label="Фамилия" />
+            <Input v-model="form.first_name" label="Имя" />
+            <Input v-model="form.middle_name" label="Отчество" />
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Дата рождения</label>
+              <DatePicker v-model="form.birth_date" label="Дата рождения" />
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Школа</label>
+              <input
+                type="text"
+                v-model="schoolQuery"
+                @input="debouncedSearchSchool"
+                class="w-full border rounded p-2"
+                placeholder="Начните вводить название школы"
+              />
+              <div v-if="schoolResults.length" class="border rounded mt-1 max-h-44 overflow-auto bg-white">
+                <div
+                  v-for="s in schoolResults"
+                  :key="s.school"
+                  class="p-2 cursor-pointer hover:bg-surface-gray-2"
+                  @click="selectSchool(s)"
+                >
+                  <div class="font-medium">{{ s.school}}</div>
+                  <div class="text-xs text-ink-gray-6">{{ s.adress }}</div>
+                </div>
+              </div>
+              <div v-if="form.school_name && !schoolResults.length" class="text-xs text-ink-gray-6 mt-1">
+                Выбрана: {{ form.school_name }}
+              </div>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Класс</label>
+              <Select v-model="form.grade" :options="['10','11']" label="Класс" />
+            </div>            
+            <Input v-model="form.phone" label="Телефон (не публиковать)" />
+            <Input v-model="form.email_private" label="Email (не публиковать)" />
+            <Input v-model="form.telegram" label="Telegram (например t.me/username)" />
+          </div>
+
+          <div class="mt-4">
+            <label class="block mb-2 font-medium">ЕГЭ (отметьте):</label>
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-2">
+              <label v-for="e in examOptions" :key="e" class="flex items-center space-x-2">
+                <input type="checkbox" :value="e" v-model="form.exams" />
+                <span>{{ e }}</span>
+              </label>
+            </div>
+          </div>
+
+          <div class="mt-4">
+            <label class="block mb-2 font-medium">Чему хочется научиться (выбери):</label>
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-2">
+              <label v-for="s in learnOptions" :key="s" class="flex items-center space-x-2">
+                <input type="checkbox" :value="s" v-model="form.learn_subjects" />
+                <span>{{ s }}</span>
+              </label>
+            </div>
+          </div>
+
+          <div class="mt-4 grid md:grid-cols-2 gap-4">
+            <Textarea v-model="form.interests" label="Коротко о своих интересах (2-3 предложения)" />
+            <Textarea v-model="form.about_me" label="Коротко о себе" />
+            <Textarea class="md:col-span-2" v-model="form.dreams" label="Коротко о своих мечтах" />
+          </div>
+
+          <div class="mt-4 flex space-x-2">
+            <Button @click="saveProfile" :loading="saving">Сохранить</Button>
+            <Button variant="outline" @click="toggleEdit()">Отмена</Button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-else>
+      <p>Загрузка профиля...</p>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, inject, watch, onMounted } from 'vue';
+import { Breadcrumbs, createResource, Button, Input, DatePicker, Select, Textarea } from 'frappe-ui';
+import { sessionStore } from '@/stores/session';
+import NoPermission from '@/components/NoPermission.vue';
+import { Edit } from 'lucide-vue-next';
+import { convertToTitleCase, updateDocumentTitle } from '@/utils';
+import debounce from 'lodash/debounce';
+
+const { user } = sessionStore();
+const $user = inject('$user');
+
+// Логирование инициализации
+console.log('[DEBUG] Инициализация компонента:', {
+  user: user,
+  $user: $user.data,
+  username: $user.data?.username,
+});
+
+const props = defineProps({
+  username: {
+    type: String,
+    required: false,
+    default: '',
+  },
+});
+
+const effectiveUsername = computed(() => {
+  const username = props.username || $user.data?.username || '';
+  console.log('[DEBUG] Вычисление effectiveUsername:', { propsUsername: props.username, sessionUsername: $user.data?.username, result: username });
+  return username;
+});
+
+const editMode = ref(false);
+const saving = ref(false);
+
+const examOptions = [
+  'Русский язык', 'Математика(базовый)', 'Математика(профильный)', 'Физика', 'Химия', 'Информатика',
+  'Биология', 'История', 'География', 'Английский язык', 'Немецкий язык', 'Французский язык', 'Испанский язык',
+  'Китайский язык', 'Обществознание', 'Литература'
+];
+
+const learnOptions = [
+  'Программирование', 'Дизайн', 'Актерское мастерство', 'Риторика', 'Робототехника', 'Иностранные языки',
+  'Математика углубленно', 'Физика углубленно'
+];
+
+const profile = createResource({
+  url: 'frappe.client.get',
+  makeParams(values) {
+    const username = effectiveUsername.value;
+    console.log('[DEBUG] Запрос profile:', { doctype: 'User', filters: { username } });
+    return {
+      doctype: 'User',
+      filters: { username },
+    };
+  },
+  onSuccess(data) {
+    console.log('[DEBUG] Профиль загружен:', data);
+  },
+  onError(error) {
+    console.error('[DEBUG] Ошибка загрузки профиля:', error);
+    window.frappe?.msgprint({
+      title: 'Ошибка',
+      message: 'Не удалось загрузить профиль пользователя: ' + (error.message || 'Неизвестная ошибка'),
+      indicator: 'red',
+    });
+  },
+});
+
+const schoolProfile = createResource({
+  url: 'frappe.client.get',
+  params: {
+    doctype: 'Schoolchildren Profile',
+    filters: { user:user },
+  },
+  auto: false,
+  transform(data) {
+    let doc = data || {};
+    console.log('[DEBUG] Данные schoolProfile до трансформации:', doc);
+    try {
+      doc.exams = doc.exams ? doc.exams.map(e => e.exam_subject) : [];
+      doc.learn_subjects = doc.learn_subjects ? doc.learn_subjects.map(s => s.subject) : [];
+    } catch (e) {
+      console.error('[DEBUG] Ошибка трансформации данных:', e);
+      doc.exams = [];
+      doc.learn_subjects = [];
+    }
+    console.log('[DEBUG] Данные schoolProfile после трансформации:', doc);
+    return doc;
+  },
+  onSuccess(data) {
+    console.log('[DEBUG] Профиль школьника загружен:', data);
+  },
+  onError(error) {
+    console.error('[DEBUG] Ошибка загрузки профиля школьника:', error);
+    window.frappe?.msgprint({
+      title: 'Ошибка',
+      message: 'Не удалось загрузить профиль школьника: ' + (error.message || 'Неизвестная ошибка'),
+      indicator: 'red',
+    });
+  },
+});
+
+const form = ref({
+  first_name: '',
+  last_name: '',
+  middle_name: '',
+  birth_date: '',
+  school: '',
+  //school_name: '',
+  grade: '',
+  phone: '',
+  email_private: '',
+  telegram: '',
+  exams: [],
+  learn_subjects: [],
+  interests: '',
+  about_me: '',
+  dreams: ''
+});
+
+const breadcrumbs = computed(() => {
+  const username = effectiveUsername.value;
+  const crumbs = [
+    {
+      label: 'People',
+      route: { name: 'People' },
+    },
+    {
+      label: profile.data?.full_name || 'Профиль',
+      route: username ? {
+        name: 'Profile',
+        params: { username },
+      } : undefined,
+    },
+  ];
+  console.log('[DEBUG] Хлебные крошки:', crumbs);
+  return crumbs;
+});
+
+const pageMeta = computed(() => {
+  const meta = {
+    title: profile.data?.full_name || 'Профиль',
+    description: profile.data?.headline || '',
+  };
+  console.log('[DEBUG] Мета-данные страницы:', meta);
+  return meta;
+});
+
+const displayName = computed(() => {
+  if (!profile.data) {
+    console.log('[DEBUG] displayName: profile.data не загружен');
+    return 'Загрузка...';
+  }
+  const name = profile.data?.full_name || `${form.value.first_name || ''} ${form.value.last_name || ''}`.trim();
+  console.log('[DEBUG] Отображаемое имя:', name);
+  return name;
+});
+
+const isSessionUser = () => {
+  const sessionUser = $user.data?.username;
+  const profileUser = effectiveUsername.value;
+  const isSession = sessionUser === profileUser;
+  console.log('[DEBUG] Проверка isSessionUser:', { sessionUser, profileUser, isSession });
+  return isSession;
+};
+
+function formattedDate(d) {
+  if (!d) return '';
+  try {
+    return new Date(d).toLocaleDateString('ru-RU');
+  } catch (e) {
+    console.error('[DEBUG] Ошибка форматирования даты:', e, { date: d });
+    return d;
+  }
+}
+
+function maskPrivate(val) {
+  if (!val) return '-';
+  if (val.includes('@')) {
+    const parts = val.split('@');
+    return parts[0].slice(0, 1) + '***@' + parts[1];
+  }
+  return val.slice(0, 3) + '***' + val.slice(-2);
+}
+
+function formatTelegram(t) {
+  if (!t) return '';
+  if (t.startsWith('t.me/') || t.startsWith('https://t.me/')) return (t.startsWith('http') ? t : 'https://' + t);
+  return 'https://t.me/' + t.replace(/^@/, '');
+}
+
+function fillFormFromProfile() {
+  console.log('[DEBUG] Заполнение формы:', {
+    schoolProfile: schoolProfile.data,
+    profile: profile.data,
+    currentForm: JSON.stringify(form.value, null, 2),
+  });
+  form.value.first_name = schoolProfile.data?.first_name || profile.data?.first_name || '';
+  form.value.last_name = schoolProfile.data?.last_name || profile.data?.last_name || '';
+  form.value.middle_name = schoolProfile.data?.middle_name || '';
+  form.value.birth_date = schoolProfile.data?.birth_date || '';
+  form.value.school = schoolProfile.data?.school || '';
+  form.value.grade = schoolProfile.data?.grade || '';
+  form.value.phone = schoolProfile.data?.phone || '';
+  form.value.email_private = schoolProfile.data?.email_private || '';
+  form.value.telegram = schoolProfile.data?.telegram || '';
+  form.value.exams = schoolProfile.data?.exams ? schoolProfile.data.exams : [];
+  form.value.learn_subjects = schoolProfile.data?.learn_subjects ? schoolProfile.data.learn_subjects : [];
+  form.value.interests = schoolProfile.data?.interests || '';
+  form.value.about_me = schoolProfile.data?.about_me || '';
+  form.value.dreams = schoolProfile.data?.dreams || '';
+  console.log('[DEBUG] Форма после заполнения:', JSON.stringify(form.value, null, 2));
+}
+
+
+function toggleEdit() {
+  editMode.value = !editMode.value;
+  if (editMode.value) fillFormFromProfile();
+  console.log('[DEBUG] Переключение режима редактирования:', { editMode: editMode.value });
+}
+
+function validateExams(exams) {
+  console.log('[DEBUG] Валидация exams:', { exams, validOptions: examOptions });
+  return exams.every(exam => examOptions.includes(exam));
+}
+
+function validateLearnSubjects(subjects) {
+  console.log('[DEBUG] Валидация learn_subjects:', { subjects, validOptions: learnOptions });
+  return subjects.every(subject => learnOptions.includes(subject));
+}
+
+async function saveProfile() {
+  console.log('[DEBUG] Сохранение профиля:', { form: form.value });
+  saving.value = true;
+  try {
+    // Создаём копию данных формы
+    const formData = { ...form.value };
+    console.log('[DEBUG] Копия formData:', JSON.stringify(formData, null, 2));
+
+    // Обновление full_name в User, если нужно
+    if (formData.first_name || formData.last_name) {
+      const fullName = `${formData.first_name || ''} ${formData.last_name || ''}`.trim();
+      console.log('[DEBUG] Обновление User.full_name:', { name: profile.data?.name, fullName });
+      await createResource({
+        url: 'frappe.client.set_value',
+        params: {
+          doctype: 'User',
+          name: profile.data?.name,
+          fieldname: 'full_name',
+          value: fullName,
+        },
+      }).submit();
+    }
+
+    // Получаем docname
+    let docname = '';
+    try {
+      await schoolProfile.reload();
+      console.log('[DEBUG] Schoolprofile:', { schoolProfile });
+      docname = schoolProfile?.data?.name;
+      console.log('[DEBUG] Выбранное имя документа:', docname);
+    } catch (error) {
+      console.log('[DEBUG] Ошибка загрузки schoolProfile, продолжаем с profile:', error.message);
+    }
+
+    // Формируем payload из копии данных формы
+    let payload = {
+      doctype: 'Schoolchildren Profile',
+      user: profile.data?.name,
+      first_name: formData.first_name,
+      last_name: formData.last_name,
+      middle_name: formData.middle_name,
+      birth_date: formData.birth_date,
+      school: formData.school || '',
+      grade: formData.grade,
+      phone: formData.phone,
+      email_private: formData.email_private,
+      telegram: formData.telegram,
+      exams: Array.isArray(formData.exams) ? formData.exams.map(exam => ({ exam_subject: exam })) : [],
+      learn_subjects: Array.isArray(formData.learn_subjects) ? formData.learn_subjects.map(subject => ({ learn_subject: subject })) : [],
+      interests: formData.interests,
+      about_me: formData.about_me,
+      dreams: formData.dreams,
+      last_updated: new Date().toISOString(),
+    };
+    console.log('[DEBUG] Сохранение Schoolchildren Profile (payload):', { docname, payload });
+
+    // Сохранение или создание документа
+    if (docname) {
+      await createResource({
+        url: 'frappe.client.save',
+        params: { doc: { ...schoolProfile.data, ...payload } },
+      }).submit();
+    } else {
+      await createResource({
+        url: 'frappe.client.insert',
+        params: { doc: payload },
+      }).submit();
+    }
+
+    editMode.value = false;
+    if (window.frappe && window.frappe.msgprint) window.frappe.msgprint('Профиль сохранён');
+    console.log('[DEBUG] Профиль успешно сохранён');
+  } catch (e) {
+    console.error('[DEBUG] Ошибка при сохранении профиля:', e);
+    if (window.frappe && window.frappe.msgprint) window.frappe.msgprint({
+      title: 'Ошибка',
+      message: (e && e.message) || 'Ошибка при сохранении',
+      indicator: 'red',
+    });
+  } finally {
+    saving.value = false;
+  }
+  await schoolProfile.reload();
+}
+
+const schoolQuery = ref('');
+const schoolResults = ref([]);
+
+async function searchSchool(q) {
+  if (!q) {
+    schoolResults.value = [];
+    return;
+  }
+  try {
+    console.log('[DEBUG] Поиск школы:', { query: q });
+    const res = await createResource({
+      url: 'frappe.client.get_list',
+      params: {
+        doctype: 'Schools',
+        fields: ['school', 'address'],
+        filters: [['school', 'like', '%' + q + '%']],
+        limit_page_length: 20,
+      },
+    }).submit();
+    schoolResults.value = res || [];
+    console.log('[DEBUG] Результаты поиска школы:', schoolResults.value);
+  } catch (e) {
+    schoolResults.value = [];
+    console.error('[DEBUG] Ошибка поиска школы:', e);
+  }
+}
+
+const debouncedSearchSchool = debounce(() => searchSchool(schoolQuery.value), 300);
+
+function selectSchool(s) {
+  form.value.school = s.school;
+  //form.value.school_name = s.school_name;
+  schoolResults.value = [];
+  schoolQuery.value = s.school;
+  console.log('[DEBUG] Выбрана школа:', { school: s });
+  console.log('[DEBUG] Форма после заполнения:', JSON.stringify(form.value, null, 2));
+}
+
+onMounted(() => {
+  console.log('[DEBUG] Компонент смонтирован:', {
+    propsUsername: props.username,
+    sessionUsername: $user.data?.username,
+    user: user,
+    $user: $user.data,
+  });
+  if ($user.data) {
+    console.log('[DEBUG] Запуск profile.reload()');
+    profile.reload();
+  }
+});
+
+watch(
+  () => props.username,
+  (newUsername, oldUsername) => {
+    console.log('[DEBUG] Изменение props.username:', { old: oldUsername, new: newUsername });
+    profile.reload();
+  }
+);
+
+watch(
+  () => profile.data,
+  (newData, oldData) => {
+    console.log('[DEBUG] Изменение profile.data:', { old: oldData, new: newData });
+    if (newData) {
+      console.log('[DEBUG] Запуск schoolProfile.reload()');
+      schoolProfile.reload();
+    }
+  }
+);
+
+watch(
+  () => schoolProfile.data,
+  (newData, oldData) => {
+    console.log('[DEBUG] Изменение schoolProfile.data:', { old: oldData, new: newData });
+    if (newData && !editMode.value) {
+      console.log('[DEBUG] Заполнение формы из schoolProfile');
+      fillFormFromProfile();
+    }
+  }
+);
+
+watch(
+  () => effectiveUsername.value,
+  (newUsername) => {
+    console.log('[DEBUG] Изменение effectiveUsername для schoolProfile:', newUsername);
+    schoolProfile.update({
+      params: {
+        doctype: 'Schoolchildren Profile',
+        filters: { user: newUsername },
+      },
+    });
+  }
+);
+</script>
\ No newline at end of file
diff --git a/frontend/src/pages/StudentProfile.vue b/frontend/src/pages/StudentProfile.vue
new file mode 100644
index 00000000..799889d4
--- /dev/null
+++ b/frontend/src/pages/StudentProfile.vue
@@ -0,0 +1,603 @@
+<template>
+  <div>
+    <NoPermission v-if="!$user.data" />
+    <div v-else-if="profile.error">
+      <p class="text-red-500">Ошибка загрузки профиля: {{ profile.error.message }}</p>
+    </div>
+    <div v-else-if="profile.data">
+      <header class="sticky top-0 z-10 flex items-center justify-between border-b bg-surface-white px-3 py-2.5">
+        <Breadcrumbs class="h-7" :items="breadcrumbs" />
+      </header>
+
+      <div class="mx-auto -mt-10 max-w-4xl px-5">
+        <div class="flex items-center min-h-[100px]">
+          <div class="ml-6">
+            <h2 class="mt-2 text-3xl font-semibold text-ink-gray-9">{{ displayName }}</h2>
+            <div class="mt-2 text-base text-ink-gray-7">{{ profile.data.headline || '' }}</div>
+          </div>
+          <div class="ml-auto" v-if="$user.data && isSessionUser()">
+            <Button @click="toggleEdit()">
+              <template #prefix>
+                <Edit class="w-4 h-4 stroke-1.5 text-ink-gray-7" />
+              </template>
+              {{ editMode ? 'Отмена' : 'Редактировать' }}
+            </Button>
+          </div>
+        </div>
+
+        <!-- VIEW MODE -->
+        <div v-if="!editMode" class="mt-4 space-y-3">
+          <div v-if="schoolProfile.loading">
+            <p>Загрузка данных профиля студента...</p>
+          </div>
+          <div v-else-if="schoolProfile.error">
+            <p class="text-red-500">Ошибка загрузки данных студента: {{ schoolProfile.error.message }}</p>
+          </div>
+          <div v-else-if="schoolProfile.data">
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div>
+                <b>Фамилия:</b> {{ schoolProfile.data.last_name || '-' }}<br/>
+                <b>Имя:</b> {{ schoolProfile.data.first_name || '-' }}<br/>
+                <b>Отчество:</b> {{ schoolProfile.data.middle_name || '-' }}<br/>
+                <b>Дата рождения:</b> {{ formattedDate(schoolProfile.data.birth_date) || '-' }}
+                <b>Телефон (приватный):</b> {{ maskPrivate(schoolProfile.data.phone) }}<br/>
+                <b>Email (приватный):</b> {{ maskPrivate(schoolProfile.data.email_private) }}<br/>
+                <b>Telegram:</b>
+                <a v-if="schoolProfile.data.telegram" :href="formatTelegram(schoolProfile.data.telegram)" target="_blank">{{ schoolProfile.data.telegram }}</a>
+              </div>
+              <div>
+                <b>Университет:</b> {{ schoolProfile.data.school || '-' }}<br/>
+                <b>Уровень образования:</b> {{ schoolProfile.data.education_level || '-' }}<br/>
+                <b>Направление подготовки:</b> {{ schoolProfile.data.major || '-' }}<br/>
+                <b>Образовательная программа:</b> {{ schoolProfile.data.program || '-' }}<br/>
+                <b>Курс:</b> {{ schoolProfile.data.course || '-' }}<br/>
+                <b>Староста в группе или нет?</b> {{ schoolProfile.data.group_leader || '-' }}<br/>
+              </div>
+            </div>
+
+            <div>
+              <b>Коротко о интересах:</b>
+              <div class="mt-1 p-3 bg-surface-gray-1 rounded">{{ schoolProfile.data.interests || '-' }}</div>
+            </div>
+
+            <div class="grid md:grid-cols-2 gap-4">
+              <div>
+                <b>Коротко о себе:</b>
+                <div class="mt-1 p-3 bg-surface-gray-1 rounded">{{ schoolProfile.data.about_me || '-' }}</div>
+              </div>
+              <div>
+                <b>Коротко о мечтах:</b>
+                <div class="mt-1 p-3 bg-surface-gray-1 rounded">{{ schoolProfile.data.dreams || '-' }}</div>
+              </div>
+            </div>
+          </div>
+          <div v-else>
+            <p>Данные профиля студента не найдены.</p>
+          </div>
+        </div>
+
+        <!-- EDIT MODE -->
+        <div v-else class="mt-4">
+          <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
+            <Input v-model="form.last_name" label="Фамилия" />
+            <Input v-model="form.first_name" label="Имя" />
+            <Input v-model="form.middle_name" label="Отчество" />
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Дата рождения</label>
+              <DatePicker v-model="form.birth_date" label="Дата рождения" />
+            </div>
+            <Input v-model="form.phone" label="Телефон (не публиковать)" />
+            <Input v-model="form.email_private" label="Email (не публиковать)" />
+            <Input v-model="form.telegram" label="Telegram (например t.me/username)" />
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Университет</label>
+              <input
+                type="text"
+                v-model="schoolQuery"
+                @input="debouncedSearchSchool"
+                class="w-full border rounded p-2"
+                placeholder="Начните вводить название университета"
+              />
+              <div v-if="schoolResults.length" class="border rounded mt-1 max-h-44 overflow-auto bg-white">
+                <div
+                  v-for="s in schoolResults"
+                  :key="s.school"
+                  class="p-2 cursor-pointer hover:bg-surface-gray-2"
+                  @click="selectSchool(s)"
+                >
+                  <div class="font-medium">{{ s.school}}</div>
+                  <div class="text-xs text-ink-gray-6">{{ s.adress }}</div>
+                </div>
+              </div>
+              <div v-if="form.school_name && !schoolResults.length" class="text-xs text-ink-gray-6 mt-1">
+                Выбрана: {{ form.school }}
+              </div>
+            </div>
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Уровень образования</label>
+              <Select v-model="form.education_level" :options="['Бакалавриат','Магистратура','Аспирантура','Базовое высшее образование',
+            'Специализированное высшее образование','Профессиональная переподготовка','Повышение квалификации']" label="Уровень образования" />
+            </div>
+
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Направление подготовки</label>
+              <input
+                type="text"
+                v-model="majorQuery"
+                @input="debouncedSearchMajor"
+                class="w-full border rounded p-2"
+                placeholder="Начните вводить название направления"
+              />
+              <div v-if="majorResults.length" class="border rounded mt-1 max-h-44 overflow-auto bg-white">
+                <div
+                  v-for="m in majorResults"
+                  :key="m.major"
+                  class="p-2 cursor-pointer hover:bg-surface-gray-2"
+                  @click="selectMajor(m)"
+                >
+                  <div class="font-medium">{{ m.major_name}}</div>
+                </div>
+              </div>
+              <div v-if="form.major_name && !majorResults.length" class="text-xs text-ink-gray-6 mt-1">
+                Выбрано: {{ form.major_name }}
+              </div>
+            </div>
+
+            <Input v-model="form.program" label="Образовательная программа" />
+            <div>
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Курс</label>
+              <Select v-model="form.course" :options="['1','2','3','4','5','6']" label="Курс" />
+              <label class="block text-sm font-medium text-ink-gray-7 mb-1">Староста в группе или нет?</label>
+              <Select v-model="form.group_leader" :options="['Да','Нет']" label="Староста в группе или нет?" />
+            </div>
+          </div>
+
+          <div class="mt-4 grid md:grid-cols-2 gap-4">
+            <Textarea v-model="form.interests" label="Коротко о своих интересах (2-3 предложения)" />
+            <Textarea v-model="form.about_me" label="Коротко о себе" />
+            <Textarea class="md:col-span-2" v-model="form.dreams" label="Коротко о своих мечтах" />
+          </div>
+
+          <div class="mt-4 flex space-x-2">
+            <Button @click="saveProfile" :loading="saving">Сохранить</Button>
+            <Button variant="outline" @click="toggleEdit()">Отмена</Button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div v-else>
+      <p>Загрузка профиля...</p>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, inject, watch, onMounted } from 'vue';
+import { Breadcrumbs, createResource, Button, Input, DatePicker, Select, Textarea } from 'frappe-ui';
+import { sessionStore } from '@/stores/session';
+import NoPermission from '@/components/NoPermission.vue';
+import { Edit } from 'lucide-vue-next';
+import { convertToTitleCase, updateDocumentTitle } from '@/utils';
+import debounce from 'lodash/debounce';
+
+const { user } = sessionStore();
+const $user = inject('$user');
+
+// Логирование инициализации
+console.log('[DEBUG] Инициализация компонента:', {
+  user: user,
+  $user: $user.data,
+  username: $user.data?.username,
+});
+
+const props = defineProps({
+  username: {
+    type: String,
+    required: false,
+    default: '',
+  },
+});
+
+const effectiveUsername = computed(() => {
+  const username = props.username || $user.data?.username || '';
+  console.log('[DEBUG] Вычисление effectiveUsername:', { propsUsername: props.username, sessionUsername: $user.data?.username, result: username });
+  return username;
+});
+
+const editMode = ref(false);
+const saving = ref(false);
+
+const profile = createResource({
+  url: 'frappe.client.get',
+  makeParams(values) {
+    const username = effectiveUsername.value;
+    console.log('[DEBUG] Запрос profile:', { doctype: 'User', filters: { username } });
+    return {
+      doctype: 'User',
+      filters: { username },
+    };
+  },
+  onSuccess(data) {
+    console.log('[DEBUG] Профиль загружен:', data);
+  },
+  onError(error) {
+    console.error('[DEBUG] Ошибка загрузки профиля:', error);
+    window.frappe?.msgprint({
+      title: 'Ошибка',
+      message: 'Не удалось загрузить профиль пользователя: ' + (error.message || 'Неизвестная ошибка'),
+      indicator: 'red',
+    });
+  },
+});
+
+const schoolProfile = createResource({
+  url: 'frappe.client.get',
+  params: {
+    doctype: 'Schoolchildren Profile',
+    filters: { user:user },
+  },
+  auto: false,
+  onSuccess(data) {
+    console.log('[DEBUG] Профиль школьника загружен:', data);
+  },
+  onError(error) {
+    console.error('[DEBUG] Ошибка загрузки профиля школьника:', error);
+    window.frappe?.msgprint({
+      title: 'Ошибка',
+      message: 'Не удалось загрузить профиль школьника: ' + (error.message || 'Неизвестная ошибка'),
+      indicator: 'red',
+    });
+  },
+});
+
+const form = ref({
+  first_name: '',
+  last_name: '',
+  middle_name: '',
+  birth_date: '',
+  phone: '',
+  email_private: '',
+  telegram: '',
+  school: '',
+  education_level: '',
+  major: '',
+  program: '',
+  course: '',
+  group_leader: '',
+  interests: '',
+  about_me: '',
+  dreams: ''
+});
+
+const breadcrumbs = computed(() => {
+  const username = effectiveUsername.value;
+  const crumbs = [
+    {
+      label: 'People',
+      route: { name: 'People' },
+    },
+    {
+      label: profile.data?.full_name || 'Профиль',
+      route: username ? {
+        name: 'Profile',
+        params: { username },
+      } : undefined,
+    },
+  ];
+  console.log('[DEBUG] Хлебные крошки:', crumbs);
+  return crumbs;
+});
+
+const pageMeta = computed(() => {
+  const meta = {
+    title: profile.data?.full_name || 'Профиль',
+    description: profile.data?.headline || '',
+  };
+  console.log('[DEBUG] Мета-данные страницы:', meta);
+  return meta;
+});
+
+const displayName = computed(() => {
+  if (!profile.data) {
+    console.log('[DEBUG] displayName: profile.data не загружен');
+    return 'Загрузка...';
+  }
+  const name = profile.data?.full_name || `${form.value.first_name || ''} ${form.value.last_name || ''}`.trim();
+  console.log('[DEBUG] Отображаемое имя:', name);
+  return name;
+});
+
+const isSessionUser = () => {
+  const sessionUser = $user.data?.username;
+  const profileUser = effectiveUsername.value;
+  const isSession = sessionUser === profileUser;
+  console.log('[DEBUG] Проверка isSessionUser:', { sessionUser, profileUser, isSession });
+  return isSession;
+};
+
+function formattedDate(d) {
+  if (!d) return '';
+  try {
+    return new Date(d).toLocaleDateString('ru-RU');
+  } catch (e) {
+    console.error('[DEBUG] Ошибка форматирования даты:', e, { date: d });
+    return d;
+  }
+}
+
+function maskPrivate(val) {
+  if (!val) return '-';
+  if (val.includes('@')) {
+    const parts = val.split('@');
+    return parts[0].slice(0, 1) + '***@' + parts[1];
+  }
+  return val.slice(0, 3) + '***' + val.slice(-2);
+}
+
+function formatTelegram(t) {
+  if (!t) return '';
+  if (t.startsWith('t.me/') || t.startsWith('https://t.me/')) return (t.startsWith('http') ? t : 'https://' + t);
+  return 'https://t.me/' + t.replace(/^@/, '');
+}
+
+function fillFormFromProfile() {
+  console.log('[DEBUG] Заполнение формы:', {
+    schoolProfile: schoolProfile.data,
+    profile: profile.data,
+    currentForm: JSON.stringify(form.value, null, 2),
+  });
+  form.value.first_name = schoolProfile.data?.first_name || profile.data?.first_name || '';
+  form.value.last_name = schoolProfile.data?.last_name || profile.data?.last_name || '';
+  form.value.middle_name = schoolProfile.data?.middle_name || '';
+  form.value.birth_date = schoolProfile.data?.birth_date || '';
+  form.value.phone = schoolProfile.data?.phone || '';
+  form.value.email_private = schoolProfile.data?.email_private || '';
+  form.value.telegram = schoolProfile.data?.telegram || '';
+  form.value.school = schoolProfile.data?.school || '';
+  form.value.education_level = schoolProfile.data?.education_level || '';
+  form.value.major = schoolProfile.data?.major || '';
+  form.value.program = schoolProfile.data?.program || '';
+  form.value.course = schoolProfile.data?.course || '';
+  form.value.group_leader = schoolProfile.data?.group_leader || '';
+  form.value.interests = schoolProfile.data?.interests || '';
+  form.value.about_me = schoolProfile.data?.about_me || '';
+  form.value.dreams = schoolProfile.data?.dreams || '';
+  console.log('[DEBUG] Форма после заполнения:', JSON.stringify(form.value, null, 2));
+}
+
+
+function toggleEdit() {
+  editMode.value = !editMode.value;
+  if (editMode.value) fillFormFromProfile();
+  console.log('[DEBUG] Переключение режима редактирования:', { editMode: editMode.value });
+}
+
+function validateExams(exams) {
+  console.log('[DEBUG] Валидация exams:', { exams, validOptions: examOptions });
+  return exams.every(exam => examOptions.includes(exam));
+}
+
+function validateLearnSubjects(subjects) {
+  console.log('[DEBUG] Валидация learn_subjects:', { subjects, validOptions: learnOptions });
+  return subjects.every(subject => learnOptions.includes(subject));
+}
+
+async function saveProfile() {
+  console.log('[DEBUG] Сохранение профиля:', { form: form.value });
+  saving.value = true;
+  try {
+    // Создаём копию данных формы
+    const formData = { ...form.value };
+    console.log('[DEBUG] Копия formData:', JSON.stringify(formData, null, 2));
+
+    // Обновление full_name в User, если нужно
+    if (formData.first_name || formData.last_name) {
+      const fullName = `${formData.first_name || ''} ${formData.last_name || ''}`.trim();
+      console.log('[DEBUG] Обновление User.full_name:', { name: profile.data?.name, fullName });
+      await createResource({
+        url: 'frappe.client.set_value',
+        params: {
+          doctype: 'User',
+          name: profile.data?.name,
+          fieldname: 'full_name',
+          value: fullName,
+        },
+      }).submit();
+    }
+
+    // Получаем docname
+    let docname = '';
+    try {
+      await schoolProfile.reload();
+      console.log('[DEBUG] Schoolprofile:', { schoolProfile });
+      docname = schoolProfile?.data?.name;
+      console.log('[DEBUG] Выбранное имя документа:', docname);
+    } catch (error) {
+      console.log('[DEBUG] Ошибка загрузки schoolProfile, продолжаем с profile:', error.message);
+    }
+
+    // Формируем payload из копии данных формы
+    let payload = {
+      doctype: 'Schoolchildren Profile',
+      user: profile.data?.name,
+      first_name: formData.first_name,
+      last_name: formData.last_name,
+      middle_name: formData.middle_name,
+      birth_date: formData.birth_date,
+      phone: formData.phone,
+      email_private: formData.email_private,
+      telegram: formData.telegram,
+      school: formData.school || '',
+      education_level: formData.education_level,
+      major: formData.major || '',
+      program: formData.program,
+      course: formData.course,
+      group_leader: formData.group_leader,
+      interests: formData.interests,
+      about_me: formData.about_me,
+      dreams: formData.dreams,
+      last_updated: new Date().toISOString(),
+    };
+    console.log('[DEBUG] Сохранение Schoolchildren Profile (payload):', { docname, payload });
+
+    // Сохранение или создание документа
+    if (docname) {
+      await createResource({
+        url: 'frappe.client.save',
+        params: { doc: { ...schoolProfile.data, ...payload } },
+      }).submit();
+    } else {
+      await createResource({
+        url: 'frappe.client.insert',
+        params: { doc: payload },
+      }).submit();
+    }
+
+    editMode.value = false;
+    if (window.frappe && window.frappe.msgprint) window.frappe.msgprint('Профиль сохранён');
+    console.log('[DEBUG] Профиль успешно сохранён');
+  } catch (e) {
+    console.error('[DEBUG] Ошибка при сохранении профиля:', e);
+    if (window.frappe && window.frappe.msgprint) window.frappe.msgprint({
+      title: 'Ошибка',
+      message: (e && e.message) || 'Ошибка при сохранении',
+      indicator: 'red',
+    });
+  } finally {
+    saving.value = false;
+  }
+  await schoolProfile.reload();
+}
+
+const schoolQuery = ref('');
+const schoolResults = ref([]);
+
+async function searchSchool(q) {
+  if (!q) {
+    schoolResults.value = [];
+    return;
+  }
+  try {
+    console.log('[DEBUG] Поиск школы:', { query: q });
+    const res = await createResource({
+      url: 'frappe.client.get_list',
+      params: {
+        doctype: 'Schools',
+        fields: ['school', 'address'],
+        filters: [['school', 'like', '%' + q + '%']],
+        limit_page_length: 20,
+      },
+    }).submit();
+    schoolResults.value = res || [];
+    console.log('[DEBUG] Результаты поиска школы:', schoolResults.value);
+  } catch (e) {
+    schoolResults.value = [];
+    console.error('[DEBUG] Ошибка поиска школы:', e);
+  }
+}
+
+const debouncedSearchSchool = debounce(() => searchSchool(schoolQuery.value), 300);
+
+function selectSchool(s) {
+  form.value.school = s.school;
+  //form.value.school_name = s.school_name;
+  schoolResults.value = [];
+  schoolQuery.value = s.school;
+  console.log('[DEBUG] Выбрана школа:', { school: s });
+  console.log('[DEBUG] Форма после заполнения:', JSON.stringify(form.value, null, 2));
+}
+
+const majorQuery = ref('');
+const majorResults = ref([]);
+
+async function searchMajor(q) {
+  if (!q) {
+    majorResults.value = [];
+    return;
+  }
+  try {
+    console.log('[DEBUG] Поиск направления:', { query: q });
+    const res = await createResource({
+      url: 'frappe.client.get_list',
+      params: {
+        doctype: 'Majors',
+        fields: ['code', 'major_name'],
+        filters: [['major_name', 'like', '%' + q + '%']],
+        limit_page_length: 20,
+      },
+    }).submit();
+    majorResults.value = res || [];
+    console.log('[DEBUG] Результаты поиска направления:', majorResults.value);
+  } catch (e) {
+    majorResults.value = [];
+    console.error('[DEBUG] Ошибка поиска направления:', e);
+  }
+}
+
+const debouncedSearchMajor = debounce(() => searchMajor(majorQuery.value), 300);
+
+function selectMajor(m) {
+  form.value.major = m.major_name;
+  //form.value.school_name = s.school_name;
+  majorResults.value = [];
+  majorQuery.value = m.major_name;
+  console.log('[DEBUG] Выбрана школа:', { major: m });
+  console.log('[DEBUG] Форма после заполнения:', JSON.stringify(form.value, null, 2));
+}
+
+onMounted(() => {
+  console.log('[DEBUG] Компонент смонтирован:', {
+    propsUsername: props.username,
+    sessionUsername: $user.data?.username,
+    user: user,
+    $user: $user.data,
+  });
+  if ($user.data) {
+    console.log('[DEBUG] Запуск profile.reload()');
+    profile.reload();
+  }
+});
+
+watch(
+  () => props.username,
+  (newUsername, oldUsername) => {
+    console.log('[DEBUG] Изменение props.username:', { old: oldUsername, new: newUsername });
+    profile.reload();
+  }
+);
+
+watch(
+  () => profile.data,
+  (newData, oldData) => {
+    console.log('[DEBUG] Изменение profile.data:', { old: oldData, new: newData });
+    if (newData) {
+      console.log('[DEBUG] Запуск schoolProfile.reload()');
+      schoolProfile.reload();
+    }
+  }
+);
+
+watch(
+  () => schoolProfile.data,
+  (newData, oldData) => {
+    console.log('[DEBUG] Изменение schoolProfile.data:', { old: oldData, new: newData });
+    if (newData && !editMode.value) {
+      console.log('[DEBUG] Заполнение формы из schoolProfile');
+      fillFormFromProfile();
+    }
+  }
+);
+
+watch(
+  () => effectiveUsername.value,
+  (newUsername) => {
+    console.log('[DEBUG] Изменение effectiveUsername для schoolProfile:', newUsername);
+    schoolProfile.update({
+      params: {
+        doctype: 'Schoolchildren Profile',
+        filters: { user: newUsername },
+      },
+    });
+  }
+);
+</script>
\ No newline at end of file
diff --git a/frontend/src/router.js b/frontend/src/router.js
index 473f1776..e5b3c1cd 100644
--- a/frontend/src/router.js
+++ b/frontend/src/router.js
@@ -9,6 +9,27 @@ const routes = [
 		name: 'Home',
 		component: () => import('@/pages/Home/Home.vue'),
 	},
+	//Test of page
+	{
+		path: '/schoolchildren',
+		name: 'SchoolchildrenProfile',
+		component: () => import('@/pages/SchoolchildrenProfile.vue'),
+	},
+	{
+		path: '/student',
+		name: 'StudentProfile',
+		component: () => import('@/pages/StudentProfile.vue'),
+	},
+	{
+		path: '/coursecreator',
+		name: 'CourseCreatorProfile',
+		component: () => import('@/pages/CourseCreatorProfile.vue'),
+	},
+	{
+		path: '/parent',
+		name: 'ParentProfile',
+		component: () => import('@/pages/ParentProfile.vue'),
+	},
 	{
 		path: '/courses',
 		name: 'Courses',