import React from 'react';
import checkmark from "../../../../assets/images/check-mark.svg";
import FormButtonProceed from "../../../UI/Forms/FormButton/FormButtonProceed";

type StepCompletedProps = {
    email: string
}

const StepCompleted = ({email}: StepCompletedProps) => {

    // @ts-ignore
    return (
        <div id="step-form-completed" className="step">
            {/* user info */}
            <div className="step-wrapper--title">
                <h1>Φόρμα Αιτήματος</h1>
            </div>

            <div className="step-wrapper--result">

                <div className="step-wrapper--result--img">
                    <img
                        alt="mail-sent"
                        src={checkmark}
                    /></div>
                <div className="step-wrapper--result--text">

                    <p>
                        Η υποβολή της φόρμας για τη δημιουργία και ενεργοποίηση Demokritos User Account (D.U.A.) <br/>
                        ολοκληρώθηκε με επιτυχία. <br/>
                        Με το πέρας της διαδικασίας θα ενημερωθείτε εκ νέου στο <b>{email}</b>
                    </p>

                </div>
                <div className="step-wrapper--result--button">
                    <FormButtonProceed

                        onClick={()=> {
                            {/*@ts-ignore*/}
                            window.location = "https://egov.demokritos.gr/"
                        }}
                        buttonType={"button"}
                    >
                        ΜΕΤΑΒΑΣΗ ΣΤΟ EGOV.DEMOKRITOS.GR
                    </FormButtonProceed>
                </div>
            </div>
        </div>
    );
}

export default StepCompleted;