import React, {FormEvent, useState} from "react";
import StepAfmForm from "../StepAfmForm/StepAfmForm";
import {AfmVerifiedData, UserData} from "../../../../models/DuaActivate";
import dayjs, {Dayjs} from "dayjs";


interface StepAfmVerifiedProps extends AfmVerifiedData {
    handleUpdateInfo: (body: UserData) => void;
};




const StepAfmVerified = (props: StepAfmVerifiedProps) => {

    const [formData, setFormData] = useState<UserData>(
        {
            afm: props.afm,
            email: props.email,
            firstname: props.firstname,
            lastname: props.lastname,
            father_name: props.father_name,
            firstname_en: props.firstname_en,
            lastname_en: props.lastname_en,
            father_name_en: '',
            mobile_phone: '',
            work_relation_id: props.work_relation_id,
            staff_category_id: props.staff_category_id ?? 0,
            education_category_id: props.education_category_id ?? 0,
            research_group_id: null,
            unit_id: props.unit_id ?? 0,
            unit_category_id: 0,
            department_id: null,
            building_id : props.building_id ?? 0,
            rank_id: null,
            amka: '',
            project_code: props?.project_code ?? '',
            contract_start: props.contract_end ? dayjs(props.contract_start) : '',
            contract_end: props.contract_end ? dayjs(props.contract_end) : '',
            wrong_contract: false
        });

    // const [formErrors, setFormErrors] = useState<string[]>([])

    const handleSubmit = async () => {
        props.handleUpdateInfo(formData);
    }

    // step: afm_verified - in case user complete correct last 4 digits of afm
    return (
        <div id="step-afm-verified" className="step">
            {/* title and subtitle */}
            <div className="step-wrapper--title">
                <h1>D.U.A. Ενεργοποίηση <span className="step-no">Βήμα 2 / 2</span></h1>
                <p>Παρακαλώ επιβεβαιώστε τα στοιχεία σας & διορθώστε όπου χρειάζεται. Συμπληρώστε τα στοιχεία σας, όπως
                    είναι στην ταυτότητά σας:</p>
            </div>
            <div className="step-wrapper--form">
                {/* Afm form */}
                <StepAfmForm
                    formData={formData}
                    setFormData={setFormData}
                    handleSubmit={handleSubmit}
                    select_data={props.select_options}
                    step={'afm_verified'}
                />
            </div>
        </div>
    );
};

export default StepAfmVerified;