<template lang="pug">
  .flex-col
    span.font-bold Общая информация
    .flex-col
      .flex-col.my-6
        .counter.font-semibold.text-smm Категория
        base-custom-select.select.text-sm(
          placeholder="Категория договора",
          v-model="category",
          :items="categories",            
        )
      .flex.justify-between.w-full.gap-4
        base-input-date(
          v-model="signedDate",
          label="Дата подписания"
        )        
        base-input-date(
          v-model="startDate",
          label="Начало оказания услуг"
        )        
        base-input-date(
          v-model="endDate",
          label="Окончание оказания услуг"
        )
      
      .flex-col.w-full.my-6
        .font-semibold.text-smm Исполнитель             
        base-custom-select.select.text-sm(
          placeholder="Поручить",
          v-model="employee",
          :items="employees",
        )
</template>

<script>
import BaseButton from "@/components/base/BaseButton";
import BaseStepper from "@/components/base/BaseStepper";
import BaseSelect from "@/components/base/BaseSelect";
import BaseInputDate from "@/components/base/BaseInputDate";
import BaseInput from "@/components/base/BaseInput";
import BaseCustomSelect from "@/components/base/BaseCustomSelect.vue";

export default {
  name: "AgreementCommon",
  components: {
    BaseButton,
    BaseStepper,
    BaseSelect,
    BaseInputDate,
    BaseInput,
    BaseCustomSelect,
  },
  data() {
    return {
      steps: [
        { id: "1", label: "1", value: "Договор" },
        { id: "2", label: "2", value: "Пациент" },
      ],
      category: {},
      categories: [
        { id: "Консультация", label: "Консультация" },
        { id: "Терапия", label: "Терапия" },
        { id: "Хирургия", label: "Хирургия" },
        { id: "Ортопедия", label: "Ортопедия" },
      ],
      signedDate: new Date(),
      startDate: new Date(),
      endDate: undefined,
      employee: {},
      employees: [],
    };
  },
};
</script>

<style lang="sass" scoped></style>
