// material-ui
import {Grid, Typography} from '@mui/material';
import {useEffect, useState} from "react";
import * as React from "react";
//import axios from "axios";
import * as HttpUtils from "../../../utils/HttpUtils";
import {useParams} from "react-router-dom";
import FileList from "../../../components/FileList"
import MainCard from "../../../components/MainCard";
import * as UrlUtils from "../../../utils/ApiPathConst";
import * as DateUtils from '../../../utils/DateUtils';

import Loadable from 'components/Loadable';
import { lazy } from 'react';
const LoadingComponent = Loadable(lazy(() => import('../../extra-pages/LoadingComponent')));
const UserInformationCard = Loadable(lazy(() => import('./UserInformationCard_Organization')));


// ==============================|| DASHBOARD - DEFAULT ||============================== //


const UserMaintainPage_Organization = () => {
    const params = useParams();
    const [userData, setUserData]  = useState({})
    const [orgData, setOrgData]  = useState({})
    const [isLoading, setLoding] = useState(true);


    useEffect(()=>{
        // console.log(userData);
        loadData();
    },[]);

    // const reloadPage=()=>{
    //     window.location.reload(false);
    // }

    const loadData = ()=>{
        setLoding(true);
        HttpUtils.get({
            url: `${UrlUtils.GET_ORG_USER_PATH}/${params.id}`,
            onSuccess: function(response){
                console.log(response)
                if(response.data.orgId !=null){
                    response.data["addressBus"] = response.orgDetail.data["addressTemp"];
                    response.data["contactTel"] = response.orgDetail.data["contactTel"];
                    response.data["faxNo"] = response.orgDetail.data["faxNo"];

                    response.data["brExpiryDate"] = response.orgDetail.data.brExpiryDate?DateUtils.dateStr(response.orgDetail.data.brExpiryDate):"";
                    response.data["brNo"] = response.orgDetail.data.brNo;
                    response.data["enCompanyName"] = response.orgDetail.data.enCompanyName;
                    response.data["chCompanyName"] = response.orgDetail.data.chCompanyName;
                    response.data["chCompanyName"] = response.orgDetail.data.chCompanyName;
                }else{
                    response.data["addressBus"] = JSON.parse(response.data["addressBus"]);
                    response.data["contactTel"] = JSON.parse(response.data["contactTel"]);
                    response.data["faxNo"] = JSON.parse(response.data["faxNo"]);

                    response.data["brExpiryDate"] = response.data.brExpiryDate?DateUtils.dateStr(response.data.brExpiryDate):"";
                }

                let createDate = DateUtils.datetimeStr(response.data.created);
                let modifiedBy = DateUtils.datetimeStr(response.data.modified)+", "+response.data.modifiedBy;
                response.data["createDate"] = createDate;
                response.data["modifieDate"] = modifiedBy;
                response.data["verifiedStatus"] = response.data.verifiedBy? DateUtils.datetimeStr(response.data.verifiedDate)+", "+response.data.verifiedByName: "Not verified";
        
                response.data["lastLoginDate"] = response.data.lastLogin?DateUtils.datetimeStr(response.data.lastLoginDate):"";
        
                response.data["country"] = response.data.addressBus?.country;
                response.data["district"] = response.data.addressBus?.district;
                response.data["addressLine1"] = response.data.addressBus?.addressLine1;
                response.data["addressLine2"] = response.data.addressBus?.addressLine2;
                response.data["addressLine3"] = response.data.addressBus?.addressLine3;
        
                response.data["phoneNumber"] = response.data.contactTel?.phoneNumber;
                response.data["tel_countryCode"] = response.data.contactTel?.countryCode;
        
                response.data["faxNumber"] = response.data.faxNo?.faxNumber;
                response.data["fax_countryCode"] = response.data.faxNo?.countryCode;
        
                //response.data["orgId"] = response.data.brExpiryDate?DateUtils.dateStr(response.data.brExpiryDate):"";

                
                setUserData(response.data);
                setOrgData(response.orgList);
            }
        });
    };


    useEffect(() => {
       setLoding(false);
    }, [userData]);

    return (
        isLoading ?
            <LoadingComponent/>
            :
            <Grid container rowSpacing={4.5} columnSpacing={2.75}>
                <Grid item xs={12} sx={{mb: -2.25}}>
                    <Typography variant="h5">Organization User Details</Typography>
                </Grid>
                {/*col 1*/}
                <Grid item xs={12} >
                    <Grid container>
                        <Grid item xs={12} md={12} lg={12}>
                            <UserInformationCard
                                userData={userData}
                                loadDataFun={loadData}
                                orgData={orgData}
                            />
                        </Grid>
                        <Grid item xs={12} md={12} lg={12}>
                            <MainCard elevation={0} border={false} content={false}>
                            <Typography variant="h5" sx={{mt: 3, ml: 3, mb: 1}}>
                                Files
                            </Typography>
                                <FileList sx={{mt: 3, ml: 3, mb: 1}}
                                    refId={params.id}
                                    refType={"identification"}
                                />
                            </MainCard>
                        </Grid>
                    </Grid>
                </Grid>
                {/*col 2*/}
            </Grid>
    );
};


export default UserMaintainPage_Organization;