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

type StepContractFoundProps = {
    afm: string
    email: string
}

const StepContractFound = ({afm, email}: StepContractFoundProps) => {

    return (
        <div id="step-dua-enabled" className="step">
            <div className="step-wrapper--title">
                <h1>Αίτημα δημιουργίας Demokritos User Account (D.U.A.) <span className="step-no">Βήμα 1 / 2</span></h1>
            </div>
            {/* user info */}
            <div className="step-wrapper--result">
                <div className="step-wrapper--result--img">
                    <img
                        alt="check"
                        src={checkmark}
                    />
                </div>
                <div className="step-wrapper--result--text">
                    <p>
                        Βρέθηκε ενεργή σύμβαση στο ΑΦΜ {afm}.
                    </p>
                    <p>
                        Ακολουθήστε τις οδηγίες που έχουν σταλθεί στο <b>{email}</b>.
                    </p>
                </div>
            </div>

            <div className="step-wrapper--info">
                <p>Η διαδικασία έχει ολοκληρωθεί. Σε περίπτωση που δεν λάβετε το email παρακαλούμε <br/> επικοινωνήστε με το <span className={'link'}>support@egov.demokritos.gr</span></p>
            </div>


        </div>
    );
}

export default StepContractFound;