import React, {ReactNode, useState} from 'react';
import {PersonalFolderFile} from "../../../models/HrSupport/PersonalFolder";
import digitizedfile from '../../../assets/images/digitized-file.svg'
import './digitizedfile.scss'
import AnimatedGuideHelper from "../../UI/AnimatedGuideHelper/AnimatedGuidedHelper";
import PdfPreviewModal from "../../UI/Modal/PdfPreviewModal/PdfPreviewModal";
import useRole from "../../../hooks/useRole";

type DigitizedFileProps = {
    digitizedFolder: PersonalFolderFile
    handleDownload: (path: string, name: string, project_code:string,role:string) => void
    handleReplace: (path: string, project_code:string,role:string) => void
    canEdit: boolean
}

const DigitizedFile = ({digitizedFolder, handleDownload, handleReplace, canEdit}: DigitizedFileProps) => {
    const [activeModal, setActiveModal] = useState<string | null>(null);
    const closeModal = () => {
        setActiveModal(null);
    };
    const activeRole = useRole();
    return (
        <div className={'digitized-file--wrapper d-flex align-items-center gap-7'}>
            <div className={"digitized-file"}>

                <img src={digitizedfile} alt=""/>
                <p>Ψηφιοποιημένο Αρχείο «{digitizedFolder.subfolder_ui_name}»</p>
                {
                    canEdit &&   <button onClick={() => handleReplace(digitizedFolder.filepath,'',activeRole)}>ΑΝΤΙΚΑΤΑΣΤΑΣΗ</button>
                }


                <button
                    onClick={() => handleDownload(digitizedFolder.filepath, digitizedFolder.subfolder_ui_name,'',activeRole)}>ΑΠΟΘΗΚΕΥΣΗ
                </button>
                {digitizedFolder.temp_url &&
                    <button
                        onClick={() => setActiveModal('preview-pdf')}>ΠΡΟΕΠΙΣΚΟΠΗΣΗ
                    </button>
                }



                {
                    activeModal === 'preview-pdf' && digitizedFolder.temp_url &&
                    <PdfPreviewModal onClose={closeModal} pdfUrl={digitizedFolder.temp_url}/>
                }
            </div>
            <AnimatedGuideHelper initialOpen={true}><p>
                Η ψηφιοποίηση <b>περιέχει όλα τα έγγραφα</b> μέχρι και τη <b>01 Νοεμβρίου του 2023.</b>
            </p></AnimatedGuideHelper>

        </div>
    );
}

export default DigitizedFile;