import Field from "@/components/ui/Field";
import UploadImage from "./UploadImage";

interface LessorInfoCardProps {
  values: any;
  onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void;
  onFileChange: (file: File | null) => void;
}

const LessorInfoCard = ({ values, onChange, onFileChange }: LessorInfoCardProps) => {
  return (
    <div className="bg-white border border-[#CAD5E2] p-3 rounded-xl">
      <div className="bg-[#E2E8F0] p-4 rounded-md">
        <h4 className="text-lg font-semibold">بيانات المؤجر</h4>
      </div>

      <div className="pt-4 grid grid-cols-1 md:grid-cols-2 gap-4">
        <Field
          id="lessor_id_number"
          name="lessor_id_number"
          label="رقم الهوية"
          required
          type="number"
          formatThousands={false}
          placeholder="اضف رقم هوية المؤجر"
          value={values.lessor_id_number}
          onChange={onChange}
        />
        <Field
          id="lessor_birthdate"
          name="lessor_birthdate"
          label="تاريخ الميلاد"
          required
          type="date"
          placeholder="تاريخ الميلاد"
          value={values.lessor_birthdate}
          onChange={onChange}
        />
        <Field
          id="lessor_phone"
          name="lessor_phone"
          label="رقم الجوال المسجل فى ابشر"
          required
          type="number"
          formatThousands={false}
          placeholder="اضف رقم الجوال يبدا من 05"
          value={values.lessor_phone}
          onChange={onChange}
        />
        <Field
          id="lessor_bank_account"
          name="lessor_bank_account"
          label="رقم الحساب البنكي"
          required
          type="text"
          placeholder="SA9180000390608092000000"
          value={values.lessor_bank_account}
          onChange={onChange}
        />

        <UploadImage
          className="md:col-span-2"
          title="اختر صورة الصك"
          name="property_document"
          onChange={onFileChange}
        />
      </div>
    </div>
  );
}

export default LessorInfoCard;