import React, {ReactNode, useContext, useEffect, useState} from 'react';
import FloatingWidget from "../FloatingWidget/FloatingWidget";

import './collaborator-folder-nav.scss'
import {Link, useLocation} from "react-router-dom";
import {LinkWithRole} from "../../HOC/LinkWithRole";
import NavLinkWithQuery from "../../HOC/NavLinkWithQuery";
import useRole from "../../../hooks/useRole";
import {WithRuleBoolean} from "../../HOC/WithRule";
import AuthContext from "../../../context/auth-context";

type PersonalFolderNavProps = {
    children?: ReactNode
    single?: string
}

const CollaboratorFolderNav = ({single, children}: PersonalFolderNavProps) => {
    const activeRole = useRole();
    const {currentUser} = useContext(AuthContext);
    const canSeeAitimata = WithRuleBoolean("aitimata", "view", "hr_support", "requests_management");
    const canSeeA1 = WithRuleBoolean("a1", "view", 'difo','alfa_ena');
    const canSeeFullFolder = WithRuleBoolean("full_folder", "view", 'difo', 'personal_folder');

    return (
        <div className={'personal-folder-nav'}>
            <ul id='targetLink'>
                <li><NavLinkWithQuery end to={`${activeRole === 'dua_user' ? `/applications/difo/services/personal_folder/` + currentUser!.id.toString() : `/applications/rescom/services/collaborators/view/`+ single }/overview`}><span>Επισκόπηση Φακέλου</span></NavLinkWithQuery></li>
                <li><NavLinkWithQuery
                    to={`/applications/rescom/services/simvaseis/${single}`}><span>Συμβάσεις</span></NavLinkWithQuery>
                </li>
                {canSeeAitimata && activeRole!=='supervisor_elke' &&
                    <li><NavLinkWithQuery
                        to={`/applications/hr_support/services/requests_management/${single}?user_id=${single}&`}><span>Ενέργειες</span></NavLinkWithQuery>
                    </li>}
                {/*<li><NavLinkWithQuery to={'deltia'}><span>Παρουσιολόγια</span></NavLinkWithQuery></li>*/}
                {canSeeA1 &&
                    <li>
                        <NavLinkWithQuery to={`/applications/difo/services/alfa_ena/${single}`}><span>Δελτία Κίνησης</span></NavLinkWithQuery>
                    </li>
                }
                {canSeeFullFolder && (
                    <>

                        {(activeRole === 'dua_user' || activeRole === 'scientific_supervisor' || activeRole === 'project_manager' || activeRole === 'hr_manager' || activeRole === 'supervisor_elke') && (
                            <li>
                                <NavLinkWithQuery end to={`/applications/difo/services/personal_folder/${single}`}>
                                    <span>Αρχεία Φακέλου</span>
                                </NavLinkWithQuery>
                            </li>
                        )}
                    </>
                )}
            </ul>
        </div>
    );
}

export default CollaboratorFolderNav;