<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.input(
          label="Серия и номер",
          placeholder="0000 000000",
          v-model="clientDetail.identity_documents.number"
        )
        base-input(
          label="Кем выдан",
          placeholder="Точно как в паспорте",
          v-model="clientDetail.identity_documents.issued_by_org"
        )
        .flex.gap-x-4
          base-input.input(
            label="Код подразделения",
            placeholder="000-000",
            v-model="clientDetail.identity_documents.issued_by_org_code"
          )
          base-input-date.input(
            label="Дата выдачи",
            v-model="clientDetail.identity_documents.issued_by_date"
          )
</template>

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

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

<style lang="sass" scoped>
.input
  width: 277px
</style>
