import React, { useState, useEffect, useRef } from 'react';
import { __ } from '@wordpress/i18n';
import { isEmpty, isNil } from 'ramda';
import { klona } from 'klona';

// store
import { storeSet, storeGet } from '../../store';

// service
import UserService from '../../service/user-service';

// tools
import set404FromErrorResponse from '../../helpers/set404FromErrorResponse';
import { isEmail } from '../../helpers/validators';

// components
import AllUsersTable from './components/AllUsersTable';
import { Button } from 'primereact/button';
import { InputText } from 'primereact/inputtext';
import { Dropdown } from 'primereact/dropdown';
import { Dialog } from 'primereact/dialog';
import { classNames } from 'primereact/utils';
import { Toast } from 'primereact/toast';
import getDateFromISOstring from '../../helpers/getDateFromISOstring';
import getBandoLabel from '../../helpers/getBandoLabel';
import { useNavigate } from 'react-router-dom';

const UserActivity = () => {
    const [loading, setLoading] = useState(false);
    const toast = useRef(null);
    const navigate = useNavigate();

    const goBack = () => {
        navigate(`/utenti`);
    }

    return (
        <div className="appPage">
            <div className="appPage__pageHeader">
                <h1>{__('Controllo attività utenti', 'gepafin')}</h1>
            </div>

            <div className="appPage__spacer"></div>
            <Toast ref={toast}/>

            <div className="appPageSection">
                <div className="appPageSection__actions">
                    <Button
                        onClick={goBack}
                        outlined
                        label={__('Indietro', 'gepafin')} icon="pi pi-arrow-left" iconPos="left"/>
                </div>
            </div>


            <div className="appPageSection__withBorder columns">
                <p className="appPageSection__pMeta">
                    <span>{__('Nome utente', 'gepafin')}</span>
                    <span></span>
                </p>
                <p className="appPageSection__pMeta">
                    <span>{__('Email', 'gepafin')}</span>
                    <span></span>
                </p>
                <p className="appPageSection__pMeta">
                    <span>{__('Ruolo', 'gepafin')}</span>
                    <span></span>
                </p>
                <p className="appPageSection__pMeta">
                    <span>{__('Data registrazione', 'gepafin')}</span>
                    <span></span>
                </p>
                <p className="appPageSection__pMeta">
                    <span>{__('Ultimo accesso', 'gepafin')}</span>
                    <span></span>
                </p>
                <p className="appPageSection__pMeta">
                    <span>{__('Stato account', 'gepafin')}</span>
                    <span></span>
                </p>
            </div>
        </div>
    )
}

export default UserActivity;