<template lang="pug">
  .base.flex.flex-col.gap-y-6
    .flex.flex-col.gap-y-6
      span.font-bold Паспортные данные
      .flex.flex-col.gap-y-6
        base-input(
          label="Серия и номер",
          placeholder="0000 000000",
          mask="#### ######",
          v-model="clientDetail.identity_documents.series_number",
          outlined
        )
        base-input(
          label="Кем выдан",
          placeholder="Точно как в паспорте",
          v-model="clientDetail.identity_documents.issued_by_org",
          outlined
        )
        .flex.gap-x-4
          base-input(
            label="Код подразделения",
            placeholder="000-000",
            mask="###-###",
            v-model="clientDetail.identity_documents.issued_by_org_code",
            outlined
          )
          base-input(
            type="date",
            label="Дата выдачи",
            v-model="clientDetail.identity_documents.issued_by_date",
            outlined
          )
</template>

<script>
import BaseInput from "@/components/base/BaseInput";
import BaseSelect from "@/components/base/BaseSelect";

export default {
  name: "MedicalIdentityDocuments",
  components: { BaseInput, BaseSelect },
  props: {
    changeIdentityDoc: Function,
    clientDetail: Object,
  },
};
</script>
