import React, { useEffect } from 'react';
import { useLocation, useNavigate } from 'react-router-dom';
import './Header.scss';
import searchIcon from "../../assets/img/Group 1148.svg";
import moment from "jalali-moment";
import { useState } from 'react';
import avatar1 from "../../assets/img/avatar/pexels-jan-kopřiva-3525908.jpg";
import logoIcon from '../../assets/img/logo.png';
import MobileSideMenu from './MobileSideMenu';
import { connect } from 'react-redux';
import { Link } from 'react-router-dom';
import arrowIcon from './MobileSideMenu/arrow-down.svg'
import exitIcon from '../../assets/img/group-9.svg'
import backIcon from './arrow-left-1.svg';
import profileIcon from './MobileSideMenu/profile-active.svg'
import { user } from '../../redux/actions';
import { grades } from '../../redux/reducers/public';
const Header = ({
isMobile, cart,
logOut,
setUserStatus,
user
}) => {
let today = moment().locale("fa").format("YYYY/M/D");
let weekday = new Date().getDay();
let weekdayList = ["یکشنبه", "دوشنبه", "سهشنبه", "چهارشنبه", 'پنجشنبه', 'جمعه', "شنبه"];
const [menuPopup, setMenuPopup] = useState(false);
const [subMenu, setSubMenu] = useState(false);
const location = useLocation();
const navigate = useNavigate();
useEffect(() => {
setUserStatus()
}, [])
let UserData =JSON.parse(localStorage.getItem("userData"));
return (
<>
{subMenu && (

{UserData?.displayName || "نامشخص"} ({" "}
{UserData?.job || "دانش آموز"} )
{/*
setSubMenu(false)}
className="w-full text-right border-b border-gray-200 py-2"
>
ورود به پنل ادمین
*/}
{/*
setSubMenu(false)} className='w-full text-right border-b border-gray-200 py-2'>
ورود به صفحه افزودن آزمون
*/}
setSubMenu(false)}
className="w-full text-right border-b border-gray-200 py-2"
>
ویرایش حساب کاربری
)}
{isMobile ? (
setMenuPopup(!menuPopup)}>
{" "}

{" "}
{location.pathname.includes("messages") ? (
navigate(-1)}
className="w-8 h-8 bg-red-100 rounded-md flex items-center justify-center"
>
) : (
)}
) : (
<>
{location.pathname.includes("adminpanel") ? (
) : (
<>

setSubMenu(!subMenu)}
/>
{user.displayName
? user.displayName
: user?.firstName + " " + user?.lastName}
{grades[user.gradeIds]}
{weekdayList[weekday]}
{today}
{/* روز ملی صنعت نفت */}
>
)}
>
)}
{/*
*/}
{isMobile && menuPopup && (
<>
setMenuPopup(false)}
/>
>
)}
>
);
}
const mapStateToProps = (state) => ({
isMobile: state.publicApi.isMobile,
cart: state.userProduct.list,
user: state.user.status,
});
const mapDispatchToProps = {
setUserStatus: user.setUserStatus
};
export default connect(mapStateToProps, mapDispatchToProps)(Header);
const Clock = () => {
let today = new Date();
let h = today.getHours();
let m = today.getMinutes();
let s = today.getSeconds();
// const [h,setH]=useState(today.getHours());
// const [m, setM] = useState(today.getMinutes());
// const [s, setS] = useState(today.getSeconds());
const [counter, setCounter] = useState(0);
setTimeout(() => {
setCounter(counter + 1);
}, 1000);
return (
ساعت
{h < 10 ? "0" + h : h}:{m < 10 ? "0" + m : m}:{s < 10 ? "0" + s : s}
);
}