import SwitchContent from "./SwitchContent";
import RadioContent from "./RadioContent";
import { filterList } from "@/helper";
import { useState } from "react";
import CateSelector from "./CateSelector";

const gender = ["زن", "مرد", "هر دو"];
const degree = ["پزشک عمومی", "پزشک متخصص", "پزشک فوق تخصص", "همه موارد"];

function Form({ data, changeData }) {
  const { parentList, childrenList } = filterList(data);

  return (
    <>
      <CateSelector
        list={parentList}
        label="دسته بندی"
        value={data.category}
        updateData={(value) => changeData(value, "category", true, "field")}
      />
      {!!childrenList.length && (
        <div className="mt-[24px]">
          <CateSelector
            list={childrenList}
            updateData={(value) =>
              changeData(value, "specialties", false, "field")
            }
            value={data.specialties}
            label="تخصص"
          />
        </div>
      )}
      <div className="mt-[40px] mb-[32px]">
        <RadioContent
          changeData={changeData}
          value={data.gender}
          text="جنسیت پزشک"
          group={gender}
          name="gender"
        />
        <span className="block mt-[16px] mb-[24px] w-full h-px bg-[#EFEFEF]"></span>
        <RadioContent
          changeData={changeData}
          value={data.degree}
          text="درجه علمی"
          group={degree}
          name="degree"
        />
        <span className="block mt-[16px] mb-[24px] w-full h-px bg-[#EFEFEF]"></span>
        <SwitchContent data={data} changeData={changeData} />
      </div>
    </>
  );
}

export default Form;