.wrapper-documents.flex.flex-col.flex-auto.h-full.gap-y-8.justify-between
.flex.flex-col.gap-y-6.px-4
span.title-info.text-base.font-bold Паспортные данные
.grid.grid-cols-2.gap-x-4.gap-y-6
.flex.flex-col(class="gap-y-1.5")
span.text-sm Серия и номер
base-input.input-info(
v-mask="'#### ######'",
v-model:value="identityDocument.pass.series_number",
placeholder="0000 000000",
:width-input="277"
)
.flex.flex-col(class="gap-y-1.5")
span.text-sm Кем выдан
base-input.input-info(
v-model:value="identityDocument.pass.issued_by_org",
placeholder="Точно как в паспорте",
:width-input="277"
)
.flex.flex-col(class="gap-y-1.5")
span.text-sm Код подразделения
base-input.input-info(
v-mask="'###-###'",
v-model:value="identityDocument.pass.issued_by_org_code",
placeholder="000–000",
:width-input="277"
)
.flex.flex-col(class="gap-y-1.5")
span.text-sm Дата выдачи
base-input-date.input-info.h-10(
v-model:value="identityDocument.pass.issued_by_date",
placeholder="Дата",
:width-input="277"
)
.flex.flex-col.gap-y-6.px-4
span.title-info.text-base.font-bold СНИЛС и ИНН
.grid.grid-cols-2.gap-x-4.gap-y-6
.flex.flex-col(class="gap-y-1.5")
span.text-sm Номер СНИЛС
base-input.input-info(
disabled,
v-mask="'###-###-### ##'",
v-model:value="identityDocument.snils.number",
placeholder="000–000–000 00",
:width-input="277",
:style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
)
.flex.flex-col(class="gap-y-1.5")
span.text-sm Номер ИНН
base-input.input-info(
disabled,
v-mask="'############'",
v-model:value="identityDocument.inn.number",
placeholder="000000000000",
:width-input="277",
:style="{backgroundColor: 'var(--bg-disable-grey-color)'}"
)
.px-4
base-button(@click="saveClient" :size="40")
span.font-semibold Создать клиента