From 7a758cea36e51359f06ce7d442d653010566a4b5 Mon Sep 17 00:00:00 2001
From: Nick Kosarev <hmbanan666@hotmail.com>
Date: Wed, 23 Jul 2025 17:27:49 +0200
Subject: [PATCH 1/2] feat: legal and agreement create actions

---
 .../app/components/PartnerAgreementCard.vue   |  78 ++++++++
 apps/web-app/app/components/PartnerCard.vue   |   2 +-
 .../app/components/PartnerLegalEntityCard.vue |  36 ++++
 .../form/CreatePartnerAgreement.vue           | 168 ++++++++++++++++++
 .../form/CreatePartnerLegalEntity.vue         | 101 +++++++++++
 .../modal/CreatePartnerAgreement.vue          |  21 +++
 .../modal/CreatePartnerLegalEntity.vue        |  19 ++
 apps/web-app/app/pages/partner/[id]/index.vue | 130 ++++----------
 apps/web-app/i18n/locales/ru-RU.json          |   9 +-
 .../partner/id/[partnerId]/agreement.post.ts  |  43 +++++
 .../api/partner/id/[partnerId]/legal.post.ts  |  43 +++++
 apps/web-app/shared/services/partner.ts       |  41 +++++
 packages/database/src/repository/partner.ts   |  14 +-
 13 files changed, 602 insertions(+), 103 deletions(-)
 create mode 100644 apps/web-app/app/components/PartnerAgreementCard.vue
 create mode 100644 apps/web-app/app/components/PartnerLegalEntityCard.vue
 create mode 100644 apps/web-app/app/components/form/CreatePartnerAgreement.vue
 create mode 100644 apps/web-app/app/components/form/CreatePartnerLegalEntity.vue
 create mode 100644 apps/web-app/app/components/modal/CreatePartnerAgreement.vue
 create mode 100644 apps/web-app/app/components/modal/CreatePartnerLegalEntity.vue
 create mode 100644 apps/web-app/server/api/partner/id/[partnerId]/agreement.post.ts
 create mode 100644 apps/web-app/server/api/partner/id/[partnerId]/legal.post.ts
 create mode 100644 apps/web-app/shared/services/partner.ts

diff --git a/apps/web-app/app/components/PartnerAgreementCard.vue b/apps/web-app/app/components/PartnerAgreementCard.vue
new file mode 100644
index 00000000..2a62a7c1
--- /dev/null
+++ b/apps/web-app/app/components/PartnerAgreementCard.vue
@@ -0,0 +1,78 @@
+<template>
+  <UCard
+    v-if="agreement"
+    variant="subtle"
+    class="h-full"
+  >
+    <div class="flex flex-col gap-3">
+      <div class="flex flex-row items-start gap-3.5">
+        <UIcon name="i-lucide-scroll-text" class="shrink-0 size-16 text-secondary" />
+
+        <UProgress
+          v-model="agreementProgress"
+          size="lg"
+          color="secondary"
+          status
+        />
+      </div>
+
+      <h3 class="text-xl md:text-xl/6 font-semibold">
+        Договор №{{ agreement.internalId }}
+      </h3>
+
+      <div>
+        <p v-if="agreement.concludedAt">
+          Заключен: {{ format(new Date(agreement.concludedAt), 'd MMMM yyyy', { locale: ru }) }}
+        </p>
+        <p v-if="agreement.willEndAt">
+          Действует до: {{ format(new Date(agreement.willEndAt), 'd MMMM yyyy', { locale: ru }) }}
+        </p>
+        <p>Роялти: {{ agreement.royalty }}%</p>
+        <p>Мин. роялти: {{ agreement.minRoyaltyPerMonth }} ₽ / месяц</p>
+
+        <p v-if="agreement.marketingFee">
+          Маркетинговый сбор: {{ agreement.marketingFee }}%
+        </p>
+        <p v-if="agreement.minMarketingFeePerMonth">
+          Мин. маркетинговый сбор: {{ agreement.minMarketingFeePerMonth }} ₽ / месяц
+        </p>
+
+        <p>Паушальный взнос: {{ agreement.lumpSumPayment }} ₽</p>
+      </div>
+
+      <p class="text-muted">
+        {{ agreement.comment }}
+      </p>
+    </div>
+  </UCard>
+  <CreateCard
+    v-else
+    label="Добавить договор"
+    icon="i-lucide-scroll-text"
+    @click="modalCreatePartnerAgreement.open({ partnerId, legalEntityId })"
+  />
+</template>
+
+<script setup lang="ts">
+import type { PartnerAgreement } from '@roll-stack/database'
+import { ModalCreatePartnerAgreement } from '#components'
+import { format } from 'date-fns'
+import { ru } from 'date-fns/locale/ru'
+
+const { agreement } = defineProps<{ partnerId: string, legalEntityId: string, agreement: PartnerAgreement | null | undefined }>()
+
+const overlay = useOverlay()
+const modalCreatePartnerAgreement = overlay.create(ModalCreatePartnerAgreement)
+
+const agreementProgress = computed(() => {
+  if (!agreement?.willEndAt || !agreement?.concludedAt) {
+    return 0
+  }
+
+  const now = new Date()
+  const concludedAt = new Date(agreement.concludedAt)
+  const willEndAt = new Date(agreement.willEndAt)
+
+  return Math.floor(100 - ((now.getTime() - concludedAt.getTime()) / (willEndAt.getTime() - concludedAt.getTime())) * 100)
+})
+</script>
diff --git a/apps/web-app/app/components/PartnerCard.vue b/apps/web-app/app/components/PartnerCard.vue
index c3250f9c..7c81517d 100644
--- a/apps/web-app/app/components/PartnerCard.vue
+++ b/apps/web-app/app/components/PartnerCard.vue
@@ -8,7 +8,7 @@
         :class="{ 'opacity-75 grayscale group-hover:grayscale-0 group-hover:opacity-100': imagesMode === 'grayscale' }"
       >
 
-      <div class="absolute top-2 left-0 right-0 w-full">
+      <div class="absolute top-2 left-0 right-0 w-full opacity-0 group-hover:opacity-100 duration-200">
         <div class="mx-2 px-2 py-1 bg-default/97 rounded-lg flex flex-row items-center gap-1.5">
           <UIcon name="i-lucide-scroll-text" class="shrink-0 size-5 text-secondary" />
 
diff --git a/apps/web-app/app/components/PartnerLegalEntityCard.vue b/apps/web-app/app/components/PartnerLegalEntityCard.vue
new file mode 100644
index 00000000..54a2d5f2
--- /dev/null
+++ b/apps/web-app/app/components/PartnerLegalEntityCard.vue
@@ -0,0 +1,36 @@
+<template>
+  <UCard v-if="entity" class="h-full">
+    <div class="flex flex-col gap-2.5">
+      <UIcon name="i-lucide-scale" class="size-16 text-muted/25" />
+
+      <h3 class="text-xl md:text-xl/6 font-semibold">
+        {{ entity.name }}
+      </h3>
+
+      <div>
+        <p>ИНН {{ entity.inn }}</p>
+        <p>ОГРНИП {{ entity.ogrnip }}</p>
+      </div>
+
+      <p class="text-muted">
+        {{ entity.comment }}
+      </p>
+    </div>
+  </UCard>
+  <CreateCard
+    v-else
+    label="Добавить юридическое лицо"
+    icon="i-lucide-scale"
+    @click="modalCreatePartnerLegalEntity.open({ partnerId })"
+  />
+</template>
+
+<script setup lang="ts">
+import type { PartnerLegalEntity } from '@roll-stack/database'
+import { ModalCreatePartnerLegalEntity } from '#components'
+
+defineProps<{ partnerId: string, entity: PartnerLegalEntity | null | undefined }>()
+
+const overlay = useOverlay()
+const modalCreatePartnerLegalEntity = overlay.create(ModalCreatePartnerLegalEntity)
+</script>
diff --git a/apps/web-app/app/components/form/CreatePartnerAgreement.vue b/apps/web-app/app/components/form/CreatePartnerAgreement.vue
new file mode 100644
index 00000000..d4e5411b
--- /dev/null
+++ b/apps/web-app/app/components/form/CreatePartnerAgreement.vue
@@ -0,0 +1,168 @@
+<template>
+  <UForm
+    :validate="createValidator(createPartnerAgreementSchema)"
+    :state="state"
+    class="flex flex-col gap-3"
+    @submit="onSubmit"
+  >
+    <UPopover>
+      <UFormField
+        label="Дата заключения"
+        name="concludedAt"
+        required
+      >
+        <UInput
+          :value="selectedConcludedAt ? df.format(selectedConcludedAt.toDate(getLocalTimeZone())) : ''"
+          placeholder="Выберите дату"
+          size="xl"
+          class="w-full items-center justify-center cursor-pointer"
+          :ui="{ trailing: 'pe-1.5' }"
+        />
+      </UFormField>
+
+      <template #content>
+        <UCalendar v-model="selectedConcludedAt" class="p-2" />
+      </template>
+    </UPopover>
+
+    <UPopover>
+      <UFormField
+        label="Дата окончания"
+        name="willEndAt"
+        required
+      >
+        <UInput
+          :value="selectedWillEndAt ? df.format(selectedWillEndAt.toDate(getLocalTimeZone())) : ''"
+          placeholder="Выберите дату"
+          size="xl"
+          class="w-full items-center justify-center cursor-pointer"
+          :ui="{ trailing: 'pe-1.5' }"
+        />
+      </UFormField>
+
+      <template #content>
+        <UCalendar v-model="selectedWillEndAt" class="p-2" />
+      </template>
+    </UPopover>
+
+    <UFormField label="Номер договора (внутренний)" name="internalId">
+      <UInput
+        v-model="state.internalId"
+        size="xl"
+        class="w-full items-center justify-center"
+      />
+    </UFormField>
+
+    <UFormField label="Роялти, %" name="royalty">
+      <UInputNumber
+        v-model="state.royalty"
+        orientation="vertical"
+        :step="0.1"
+        size="xl"
+        class="w-full items-center justify-center"
+      />
+    </UFormField>
+
+    <UFormField label="Мин. роялти, руб" name="minRoyaltyPerMonth">
+      <UInputNumber
+        v-model="state.minRoyaltyPerMonth"
+        orientation="vertical"
+        size="xl"
+        class="w-full items-center justify-center"
+      />
+    </UFormField>
+
+    <UFormField label="Паушальный взнос, руб" name="lumpSumPayment">
+      <UInputNumber
+        v-model="state.lumpSumPayment"
+        orientation="vertical"
+        size="xl"
+        class="w-full items-center justify-center"
+      />
+    </UFormField>
+
+    <UFormField :label="$t('common.comment')" name="comment">
+      <UInput
+        v-model="state.comment"
+        size="xl"
+        placeholder="Для внутреннего использования"
+        class="w-full items-center justify-center"
+      />
+    </UFormField>
+
+    <UButton
+      type="submit"
+      variant="solid"
+      color="secondary"
+      size="xl"
+      block
+      class="mt-3"
+      :label="$t('common.create')"
+    />
+  </UForm>
+</template>
+
+<script setup lang="ts">
+import type { CreatePartnerAgreement } from '#shared/services/partner'
+import type { CalendarDate } from '@internationalized/date'
+import type { FormSubmitEvent } from '@nuxt/ui'
+import { createPartnerAgreementSchema } from '#shared/services/partner'
+import { DateFormatter, getLocalTimeZone } from '@internationalized/date'
+
+const { partnerId, legalEntityId } = defineProps<{ partnerId: string, legalEntityId: string }>()
+const emit = defineEmits(['success', 'submitted'])
+
+const { t } = useI18n()
+const actionToast = useActionToast()
+
+const partnerStore = usePartnerStore()
+
+const state = ref<Partial<CreatePartnerAgreement>>({
+  concludedAt: undefined,
+  willEndAt: undefined,
+  internalId: undefined,
+  royalty: undefined,
+  minRoyaltyPerMonth: undefined,
+  lumpSumPayment: undefined,
+  comment: undefined,
+  legalEntityId,
+})
+
+const df = new DateFormatter('ru-RU', {
+  dateStyle: 'long',
+})
+
+const selectedConcludedAt = shallowRef<CalendarDate | undefined>()
+const selectedWillEndAt = shallowRef<CalendarDate | undefined>()
+
+watch(selectedConcludedAt, () => {
+  state.value.concludedAt = new Date(
+    `${selectedConcludedAt.value?.toString()} 12:00:00`,
+  ).toISOString()
+})
+watch(selectedWillEndAt, () => {
+  state.value.willEndAt = new Date(
+    `${selectedWillEndAt.value?.toString()} 12:00:00`,
+  ).toISOString()
+})
+
+async function onSubmit(event: FormSubmitEvent<CreatePartnerAgreement>) {
+  const toastId = actionToast.start()
+  emit('submitted')
+
+  try {
+    await $fetch(`/api/partner/id/${partnerId}/agreement`, {
+      method: 'POST',
+      body: event.data,
+    })
+
+    await partnerStore.update()
+
+    actionToast.success(toastId, t('toast.partner-agreement-created'))
+    emit('success')
+  } catch (error) {
+    console.error(error)
+    actionToast.error(toastId)
+  }
+}
+</script>
diff --git a/apps/web-app/app/components/form/CreatePartnerLegalEntity.vue b/apps/web-app/app/components/form/CreatePartnerLegalEntity.vue
new file mode 100644
index 00000000..9131a40b
--- /dev/null
+++ b/apps/web-app/app/components/form/CreatePartnerLegalEntity.vue
@@ -0,0 +1,101 @@
+<template>
+  <UForm
+    :validate="createValidator(createPartnerLegalEntitySchema)"
+    :state="state"
+    class="flex flex-col gap-3"
+    @submit="onSubmit"
+  >
+    <UFormField
+      :label="$t('common.title')"
+      name="name"
+      required
+    >
+      <UInput
+        v-model="state.name"
+        size="xl"
+        placeholder="ИП ИВАНОВ ИВАН ИВАНОВИЧ"
+        class="w-full items-center justify-center"
+      />
+    </UFormField>
+
+    <UFormField
+      label="ИНН"
+      name="inn"
+      required
+    >
+      <UInput
+        v-model="state.inn"
+        size="xl"
+        class="w-full items-center justify-center"
+      />
+    </UFormField>
+
+    <UFormField label="ОГРНИП" name="ogrnip">
+      <UInput
+        v-model="state.ogrnip"
+        size="xl"
+        class="w-full items-center justify-center"
+      />
+    </UFormField>
+
+    <UFormField :label="$t('common.comment')" name="comment">
+      <UInput
+        v-model="state.comment"
+        size="xl"
+        placeholder="Для внутреннего использования"
+        class="w-full items-center justify-center"
+      />
+    </UFormField>
+
+    <UButton
+      type="submit"
+      variant="solid"
+      color="secondary"
+      size="xl"
+      block
+      class="mt-3"
+      :label="$t('common.create')"
+    />
+  </UForm>
+</template>
+
+<script setup lang="ts">
+import type { CreatePartnerLegalEntity } from '#shared/services/partner'
+import type { FormSubmitEvent } from '@nuxt/ui'
+import { createPartnerLegalEntitySchema } from '#shared/services/partner'
+
+const { partnerId } = defineProps<{ partnerId: string }>()
+const emit = defineEmits(['success', 'submitted'])
+
+const { t } = useI18n()
+const actionToast = useActionToast()
+
+const partnerStore = usePartnerStore()
+
+const state = ref<Partial<CreatePartnerLegalEntity>>({
+  inn: undefined,
+  ogrnip: undefined,
+  name: undefined,
+  comment: undefined,
+})
+
+async function onSubmit(event: FormSubmitEvent<CreatePartnerLegalEntity>) {
+  const toastId = actionToast.start()
+  emit('submitted')
+
+  try {
+    await $fetch(`/api/partner/id/${partnerId}/legal`, {
+      method: 'POST',
+      body: event.data,
+    })
+
+    await partnerStore.update()
+
+    actionToast.success(toastId, t('toast.partner-legal-entity-created'))
+    emit('success')
+  } catch (error) {
+    console.error(error)
+    actionToast.error(toastId)
+  }
+}
+</script>
diff --git a/apps/web-app/app/components/modal/CreatePartnerAgreement.vue b/apps/web-app/app/components/modal/CreatePartnerAgreement.vue
new file mode 100644
index 00000000..68628656
--- /dev/null
+++ b/apps/web-app/app/components/modal/CreatePartnerAgreement.vue
@@ -0,0 +1,21 @@
+<template>
+  <UModal title="Создание договора">
+    <template #body>
+      <FormCreatePartnerAgreement
+        :partner-id="partnerId ?? ''"
+        :legal-entity-id="legalEntityId ?? ''"
+        @submitted="overlay.closeAll"
+        @success="overlay.closeAll"
+      />
+    </template>
+  </UModal>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  partnerId?: string
+  legalEntityId?: string
+}>()
+
+const overlay = useOverlay()
+</script>
diff --git a/apps/web-app/app/components/modal/CreatePartnerLegalEntity.vue b/apps/web-app/app/components/modal/CreatePartnerLegalEntity.vue
new file mode 100644
index 00000000..aa17b66c
--- /dev/null
+++ b/apps/web-app/app/components/modal/CreatePartnerLegalEntity.vue
@@ -0,0 +1,19 @@
+<template>
+  <UModal title="Создание юридического лица">
+    <template #body>
+      <FormCreatePartnerLegalEntity
+        :partner-id="partnerId ?? ''"
+        @submitted="overlay.closeAll"
+        @success="overlay.closeAll"
+      />
+    </template>
+  </UModal>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  partnerId?: string
+}>()
+
+const overlay = useOverlay()
+</script>
diff --git a/apps/web-app/app/pages/partner/[id]/index.vue b/apps/web-app/app/pages/partner/[id]/index.vue
index 92b58510..fd074ecd 100644
--- a/apps/web-app/app/pages/partner/[id]/index.vue
+++ b/apps/web-app/app/pages/partner/[id]/index.vue
@@ -1,32 +1,30 @@
 <template>
   <Content>
-    <div class="grid grid-cols-1 gap-4 md:gap-6 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5">
-      <UCard variant="subtle" class="col-span-1">
-        <div class="flex flex-col gap-2.5">
-          <div class="flex flex-col items-start gap-2">
-            <div class="flex flex-row items-center gap-3.5">
-              <img
-                :src="partner?.avatarUrl ?? undefined"
-                alt=""
-                class="aspect-square size-20 rounded-lg"
-              >
-              <h2 class="text-xl md:text-2xl/7 font-semibold">
-                {{ partner?.name }} {{ partner?.surname }}
-              </h2>
-            </div>
+    <div class="grid grid-cols-1 gap-4 md:gap-6 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-4 2xl:grid-cols-5">
+      <UCard>
+        <div class="shrink-0 w-full flex flex-col gap-2">
+          <div class="shrink-0 flex flex-row items-center gap-3.5">
+            <img
+              :src="partner?.avatarUrl ?? undefined"
+              alt=""
+              class="aspect-square size-20 rounded-lg"
+            >
+            <h2 class="text-xl md:text-2xl/7 font-semibold">
+              {{ partner?.name }} {{ partner?.surname }}
+            </h2>
+          </div>
 
-            <p class="text-base">
-              {{ partner?.priceLevel }} уровень цен
-            </p>
+          <p class="text-base">
+            {{ partner?.priceLevel }} уровень цен
+          </p>
 
-            <p class="text-base">
-              {{ partner?.city }}
-            </p>
-          </div>
+          <p class="text-base">
+            {{ partner?.city }}
+          </p>
         </div>
       </UCard>
 
-      <UCard class="col-span-1">
+      <UCard>
         <div class="flex flex-col gap-2.5">
           <div class="flex flex-row items-center gap-1.5">
             <PartnerPrestigeBadge
@@ -44,94 +42,28 @@
         </div>
       </UCard>
 
-      <UCard v-if="partner?.legalEntity" class="col-span-2">
-        <div class="flex flex-col gap-2.5">
-          <UIcon name="i-lucide-scale" class="size-16 text-muted/25" />
-
-          <h3 class="text-xl md:text-xl/6 font-semibold">
-            {{ partner.legalEntity.name }}
-          </h3>
-
-          <div>
-            <p>ИНН {{ partner.legalEntity.inn }}</p>
-            <p>ОГРНИП {{ partner.legalEntity.ogrnip }}</p>
-          </div>
-
-          <p class="text-muted">
-            {{ partner.legalEntity.comment }}
-          </p>
-        </div>
-      </UCard>
-
-      <UCard
-        v-if="partner?.activeAgreement"
-        variant="subtle"
-        class="col-span-2"
-      >
-        <div class="flex flex-col gap-3">
-          <div class="flex flex-row items-start gap-3.5">
-            <UIcon name="i-lucide-scroll-text" class="shrink-0 size-16 text-secondary" />
-
-            <UProgress
-              v-model="agreementProgress"
-              size="lg"
-              color="secondary"
-              status
-            />
-          </div>
-
-          <h3 class="text-xl md:text-xl/6 font-semibold">
-            Договор №{{ partner.activeAgreement.internalId }}
-          </h3>
-
-          <div>
-            <p v-if="partner.activeAgreement.willEndAt">
-              Заключен до {{ format(new Date(partner.activeAgreement.willEndAt), 'd MMMM yyyy', { locale: ru }) }}
-            </p>
-            <p>Роялти: {{ partner.activeAgreement.royalty }}%</p>
-            <p>Мин. роялти: {{ partner.activeAgreement.minRoyaltyPerMonth }} ₽ / месяц</p>
-
-            <p v-if="partner.activeAgreement.marketingFee">
-              Маркетинговый сбор: {{ partner.activeAgreement.marketingFee }}%
-            </p>
-            <p v-if="partner.activeAgreement.minMarketingFeePerMonth">
-              Мин. маркетинговый сбор: {{ partner.activeAgreement.minMarketingFeePerMonth }} ₽ / месяц
-            </p>
-
-            <p>Паушальный взнос: {{ partner.activeAgreement.lumpSumPayment }} ₽</p>
-          </div>
-
-          <p class="text-muted">
-            {{ partner.activeAgreement.comment }}
-          </p>
-        </div>
-      </UCard>
+      <div class="lg:col-span-2">
+        <PartnerLegalEntityCard :partner-id="partner?.id ?? ''" :entity="partner?.legalEntity" />
+      </div>
+
+      <div class="lg:col-span-2">
+        <PartnerAgreementCard
+          :partner-id="partner?.id ?? ''"
+          :legal-entity-id="partner?.legalEntity?.id ?? ''"
+          :agreement="partner?.activeAgreement"
+        />
+      </div>
     </div>
   </Content>
 </template>
 
 <script setup lang="ts">
-import { format } from 'date-fns'
-import { ru } from 'date-fns/locale/ru'
-
 const { t } = useI18n()
 const { params } = useRoute('partner-id')
 
 const partnerStore = usePartnerStore()
 const partner = computed(() => partnerStore.partners.find((partner) => partner.id === params.id))
 
-const agreementProgress = computed(() => {
-  if (!partner.value?.activeAgreement?.willEndAt || !partner.value?.activeAgreement?.concludedAt) {
-    return 0
-  }
-
-  const now = new Date()
-  const concludedAt = new Date(partner.value.activeAgreement.concludedAt)
-  const willEndAt = new Date(partner.value.activeAgreement.willEndAt)
-
-  return Math.floor(100 - ((now.getTime() - concludedAt.getTime()) / (willEndAt.getTime() - concludedAt.getTime())) * 100)
-})
-
 useHead({
   title: t('common.partner'),
 })
diff --git a/apps/web-app/i18n/locales/ru-RU.json b/apps/web-app/i18n/locales/ru-RU.json
index 6a452100..e1238d7e 100644
--- a/apps/web-app/i18n/locales/ru-RU.json
+++ b/apps/web-app/i18n/locales/ru-RU.json
@@ -27,6 +27,7 @@
     "hello": "Привет",
     "select": "Выберите",
     "optional": "Опционально",
+    "comment": "Комментарий",
     "sign-in": "Войти",
     "sign-out": "Выйти",
     "login": "Логин",
@@ -350,6 +351,12 @@
     "post-deleted": "Пост удален",
     "print-created": "Материал создан",
     "print-updated": "Материал обновлен",
-    "print-deleted": "Материал удален"
+    "print-deleted": "Материал удален",
+    "partner-legal-entity-created": "Юридическое лицо создано",
+    "partner-legal-entity-updated": "Юридическое лицо обновлено",
+    "partner-legal-entity-deleted": "Юридическое лицо удалено",
+    "partner-agreement-created": "Договор создан",
+    "partner-agreement-updated": "Договор обновлен",
+    "partner-agreement-deleted": "Договор удален"
   }
 }
diff --git a/apps/web-app/server/api/partner/id/[partnerId]/agreement.post.ts b/apps/web-app/server/api/partner/id/[partnerId]/agreement.post.ts
new file mode 100644
index 00000000..1451b9e9
--- /dev/null
+++ b/apps/web-app/server/api/partner/id/[partnerId]/agreement.post.ts
@@ -0,0 +1,43 @@
+import { repository } from '@roll-stack/database'
+import { type } from 'arktype'
+import { createPartnerAgreementSchema } from '~~/shared/services/partner'
+
+export default defineEventHandler(async (event) => {
+  try {
+    // await hasPermission(event, 'product:delete')
+
+    const partnerId = getRouterParam(event, 'partnerId')
+    if (!partnerId) {
+      throw createError({
+        statusCode: 400,
+        message: 'Id is required',
+      })
+    }
+
+    const body = await readBody(event)
+    const data = createPartnerAgreementSchema(body)
+    if (data instanceof type.errors) {
+      throw data
+    }
+
+    const agreement = await repository.partner.createAgreement(data)
+    if (!agreement?.id) {
+      throw createError({
+        statusCode: 400,
+        message: 'Unable to create',
+      })
+    }
+
+    // Update
+    await repository.partner.update(partnerId, {
+      activeAgreementId: agreement.id,
+    })
+
+    return {
+      ok: true,
+      result: agreement,
+    }
+  } catch (error) {
+    throw errorResolver(error)
+  }
+})
diff --git a/apps/web-app/server/api/partner/id/[partnerId]/legal.post.ts b/apps/web-app/server/api/partner/id/[partnerId]/legal.post.ts
new file mode 100644
index 00000000..ad66a8b2
--- /dev/null
+++ b/apps/web-app/server/api/partner/id/[partnerId]/legal.post.ts
@@ -0,0 +1,43 @@
+import { repository } from '@roll-stack/database'
+import { type } from 'arktype'
+import { createPartnerLegalEntitySchema } from '~~/shared/services/partner'
+
+export default defineEventHandler(async (event) => {
+  try {
+    // await hasPermission(event, 'product:delete')
+
+    const partnerId = getRouterParam(event, 'partnerId')
+    if (!partnerId) {
+      throw createError({
+        statusCode: 400,
+        message: 'Id is required',
+      })
+    }
+
+    const body = await readBody(event)
+    const data = createPartnerLegalEntitySchema(body)
+    if (data instanceof type.errors) {
+      throw data
+    }
+
+    const entity = await repository.partner.createLegalEntity(data)
+    if (!entity?.id) {
+      throw createError({
+        statusCode: 400,
+        message: 'Unable to create legal entity',
+      })
+    }
+
+    // Update
+    await repository.partner.update(partnerId, {
+      legalEntityId: entity.id,
+    })
+
+    return {
+      ok: true,
+      result: entity,
+    }
+  } catch (error) {
+    throw errorResolver(error)
+  }
+})
diff --git a/apps/web-app/shared/services/partner.ts b/apps/web-app/shared/services/partner.ts
new file mode 100644
index 00000000..37b0ddd3
--- /dev/null
+++ b/apps/web-app/shared/services/partner.ts
@@ -0,0 +1,41 @@
+import { type } from 'arktype'
+
+export const createPartnerLegalEntitySchema = type({
+  inn: type('8 <= string <= 16').describe('error.length.invalid'),
+  ogrnip: type('8 <= string <= 25 | undefined').describe('error.length.invalid').optional(),
+  name: type('8 <= string <= 150').describe('error.length.invalid'),
+  comment: type('string | undefined').describe('error.length.invalid').optional(),
+})
+export type CreatePartnerLegalEntity = typeof createPartnerLegalEntitySchema.infer
+
+export const updatePartnerLegalEntitySchema = type({
+  inn: type('8 <= string <= 16 | undefined').describe('error.length.invalid').optional(),
+  ogrnip: type('8 <= string <= 25 | undefined').describe('error.length.invalid').optional(),
+  name: type('8 <= string <= 150 | undefined').describe('error.length.invalid').optional(),
+  comment: type('string | undefined').describe('error.length.invalid').optional(),
+})
+export type UpdatePartnerLegalEntity = typeof updatePartnerLegalEntitySchema.infer
+
+export const createPartnerAgreementSchema = type({
+  concludedAt: type('string').describe('error.length.invalid'),
+  willEndAt: type('string').describe('error.length.invalid').optional(),
+  internalId: type('string').describe('error.length.invalid'),
+  royalty: type('number').describe('error.length.invalid'),
+  minRoyaltyPerMonth: type('number').describe('error.length.invalid'),
+  lumpSumPayment: type('number').describe('error.length.invalid'),
+  legalEntityId: type('string').describe('error.length.invalid'),
+  comment: type('string | undefined').describe('error.length.invalid').optional(),
+})
+export type CreatePartnerAgreement = typeof createPartnerAgreementSchema.infer
+
+export const updatePartnerAgreementSchema = type({
+  concludedAt: type('string | undefined').describe('error.length.invalid').optional(),
+  willEndAt: type('string | undefined').describe('error.length.invalid').optional(),
+  internalId: type('string | undefined').describe('error.length.invalid').optional(),
+  royalty: type('number | undefined').describe('error.length.invalid').optional(),
+  minRoyaltyPerMonth: type('number | undefined').describe('error.length.invalid').optional(),
+  lumpSumPayment: type('number | undefined').describe('error.length.invalid').optional(),
+  legalEntityId: type('string | undefined').describe('error.length.invalid').optional(),
+  comment: type('string | undefined').describe('error.length.invalid').optional(),
+})
+export type UpdatePartnerAgreement = typeof updatePartnerAgreementSchema.infer
diff --git a/packages/database/src/repository/partner.ts b/packages/database/src/repository/partner.ts
index 7983d3eb..d275f912 100644
--- a/packages/database/src/repository/partner.ts
+++ b/packages/database/src/repository/partner.ts
@@ -1,7 +1,7 @@
-import type { PartnerDraft } from '../types'
+import type { PartnerAgreementDraft, PartnerDraft, PartnerLegalEntityDraft } from '../types'
 import { eq } from 'drizzle-orm'
 import { useDatabase } from '../database'
-import { partners } from '../tables'
+import { partnerAgreements, partnerLegalEntities, partners } from '../tables'
 
 export class Partner {
   static async find(id: string) {
@@ -35,6 +35,16 @@ export class Partner {
     return partner
   }
 
+  static async createLegalEntity(data: PartnerLegalEntityDraft) {
+    const [legalEntity] = await useDatabase().insert(partnerLegalEntities).values(data).returning()
+    return legalEntity
+  }
+
+  static async createAgreement(data: PartnerAgreementDraft) {
+    const [agreement] = await useDatabase().insert(partnerAgreements).values(data).returning()
+    return agreement
+  }
+
   static async update(id: string, data: Partial<PartnerDraft>) {
     const [partner] = await useDatabase()
       .update(partners)

From 0696ada4cb1b6209fa693531124994ddec8826e2 Mon Sep 17 00:00:00 2001
From: Nick Kosarev <hmbanan666@hotmail.com>
Date: Thu, 24 Jul 2025 09:23:55 +0200
Subject: [PATCH 2/2] chore: some updates

---
 apps/web-app/app/components/PartnerCard.vue |  7 +++++-
 apps/web-app/shared/services/partner.ts     | 24 ++++++++++-----------
 2 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/apps/web-app/app/components/PartnerCard.vue b/apps/web-app/app/components/PartnerCard.vue
index 7c81517d..bc3de60a 100644
--- a/apps/web-app/app/components/PartnerCard.vue
+++ b/apps/web-app/app/components/PartnerCard.vue
@@ -8,7 +8,12 @@
         :class="{ 'opacity-75 grayscale group-hover:grayscale-0 group-hover:opacity-100': imagesMode === 'grayscale' }"
       >
 
-      <div class="absolute top-2 left-0 right-0 w-full opacity-0 group-hover:opacity-100 duration-200">
+      <div
+        class="absolute top-2 left-0 right-0 w-full opacity-0 group-hover:opacity-100 duration-200"
+        :class="[
+          agreementProgress <= 15 && 'opacity-100',
+        ]"
+      >
         <div class="mx-2 px-2 py-1 bg-default/97 rounded-lg flex flex-row items-center gap-1.5">
           <UIcon name="i-lucide-scroll-text" class="shrink-0 size-5 text-secondary" />
 
diff --git a/apps/web-app/shared/services/partner.ts b/apps/web-app/shared/services/partner.ts
index 37b0ddd3..7732da26 100644
--- a/apps/web-app/shared/services/partner.ts
+++ b/apps/web-app/shared/services/partner.ts
@@ -1,18 +1,18 @@
 import { type } from 'arktype'
 
 export const createPartnerLegalEntitySchema = type({
-  inn: type('8 <= string <= 16').describe('error.length.invalid'),
-  ogrnip: type('8 <= string <= 25 | undefined').describe('error.length.invalid').optional(),
+  inn: type('10 <= string <= 12').describe('error.length.invalid'),
+  ogrnip: type('15 <= string <= 15 | undefined').describe('error.length.invalid').optional(),
   name: type('8 <= string <= 150').describe('error.length.invalid'),
-  comment: type('string | undefined').describe('error.length.invalid').optional(),
+  comment: type('0 <= string <= 500 | undefined').describe('error.length.invalid').optional(),
 })
 export type CreatePartnerLegalEntity = typeof createPartnerLegalEntitySchema.infer
 
 export const updatePartnerLegalEntitySchema = type({
-  inn: type('8 <= string <= 16 | undefined').describe('error.length.invalid').optional(),
-  ogrnip: type('8 <= string <= 25 | undefined').describe('error.length.invalid').optional(),
+  inn: type('10 <= string <= 12 | undefined').describe('error.length.invalid').optional(),
+  ogrnip: type('15 <= string <= 15 | undefined').describe('error.length.invalid').optional(),
   name: type('8 <= string <= 150 | undefined').describe('error.length.invalid').optional(),
-  comment: type('string | undefined').describe('error.length.invalid').optional(),
+  comment: type('0 <= string <= 500 | undefined').describe('error.length.invalid').optional(),
 })
 export type UpdatePartnerLegalEntity = typeof updatePartnerLegalEntitySchema.infer
 
@@ -20,9 +20,9 @@ export const createPartnerAgreementSchema = type({
   concludedAt: type('string').describe('error.length.invalid'),
   willEndAt: type('string').describe('error.length.invalid').optional(),
   internalId: type('string').describe('error.length.invalid'),
-  royalty: type('number').describe('error.length.invalid'),
-  minRoyaltyPerMonth: type('number').describe('error.length.invalid'),
-  lumpSumPayment: type('number').describe('error.length.invalid'),
+  royalty: type('number >= 0').describe('error.length.invalid'),
+  minRoyaltyPerMonth: type('number >= 0').describe('error.length.invalid'),
+  lumpSumPayment: type('number >= 0').describe('error.length.invalid'),
   legalEntityId: type('string').describe('error.length.invalid'),
   comment: type('string | undefined').describe('error.length.invalid').optional(),
 })
@@ -32,9 +32,9 @@ export const updatePartnerAgreementSchema = type({
   concludedAt: type('string | undefined').describe('error.length.invalid').optional(),
   willEndAt: type('string | undefined').describe('error.length.invalid').optional(),
   internalId: type('string | undefined').describe('error.length.invalid').optional(),
-  royalty: type('number | undefined').describe('error.length.invalid').optional(),
-  minRoyaltyPerMonth: type('number | undefined').describe('error.length.invalid').optional(),
-  lumpSumPayment: type('number | undefined').describe('error.length.invalid').optional(),
+  royalty: type('number >= 0 | undefined').describe('error.length.invalid').optional(),
+  minRoyaltyPerMonth: type('number >= 0 | undefined').describe('error.length.invalid').optional(),
+  lumpSumPayment: type('number >= 0 | undefined').describe('error.length.invalid').optional(),
   legalEntityId: type('string | undefined').describe('error.length.invalid').optional(),
   comment: type('string | undefined').describe('error.length.invalid').optional(),
 })